RSSImport WordPress Plugin Test Post【ワードプレス スクール 横浜教室】
ワードプレス教室、本日の授業から、本日のプラグイン。RSSImportというプラグインの使い方を授業で取扱いました。 本投稿は授業中に作成した実演です。 (追記、後日の授業では、wp_feed_cache_transient_lifetimeの値を変更するプラグインを作成しました。) Yahoo! [RSSImport display=”5″ feedurl=”http://news.yahoo.co.jp/pickup/rss.xml” date=”true” displaydescriptions=”true” ] CNET [RSSImport display=”5″ feedurl=”http://feeds.japan.cnet.com/rss/cnet/all.rdf” date=”true” displaydescriptions=”true” ]
ワードプレス・テーマ編集 MiWoFTPプラグインの使い方【ワードプレス スクール 横浜教室】
ワードプレス教室の生徒さんが海外からテーマを(Sturlly | Responsive One Page Multi-Purpose Theme)購入してサイトを作成されています。ページ内のボタンの文字が英語になっており、日本語の文字列に変更したいとのご要望を伺いました。調査の結果、テーマのカスタマイズ・オプションなどは用事されておらず、最悪はテーマの編集が必要になるかもしれません。 生成されるHTMLはchrome developer toolsでだいたい理解しています。 テーマのファイルを探ってみました。 sturlly\templates\portfolio-styles\portfolio-style2.php というファイルが怪しそうです。 昨日、導入したばかりのMiWoFTPワードプレス・プラグインを使って、ファイル開いてみます。 やはり、ボタン文字列はハードコードされていました。テーマファイルの編集が必要です。
MiwoFTPの使い方 今日のワードプレス プラグイン【ワードプレス スクール 横浜教室】
ワードプレス教室で生徒さんが使っているものと同じテーマを教室の試験サーバーにいれて、技術調査などを行っています。ファイルマネジャーが用意されていないようで、ダッシュボードから触れないものを編集するにはFTPする必要があり不便でした。ワードプレスダッシュボードからFTPできないか、プラグインを探してみました。 MiwoFTP http://miwisoft.com/wordpress-plugins/miwoftp-wordpress-file-manager というプラグインがありました。早速インストールしてみました。テーマを構成するPHPファイルがダッシュボード上で見えるようになりました。 Warning: disk_free_space(): Value too large for defined data type in /export/jusys/www/jp/s/b/js-hpbs/2/0/js00763220/sturlly201512.hpb18.org/wordpress-4.3.1-ja-jetpack-undernavicontrol/wp-content/plugins/miwoftp/admin/quixplorer/_include/fun_list.php on line 353 Free: -) こんなウォーニングが表示されていますが、大丈夫かな?
Wigetize Pages ワードプレス プラグインの使い方【ワードプレス スクール 横浜教室】
横浜ワードプレス教室の生徒さんのサイト作成のご要望に応えるために、WordPressプラグインを探して調査しました。別のとあるプラグインがウィジットに表示している情報を、固定ページに配置したいとのご要望です。 サイドバーを追加定義します。 次にダッシュボードの外観→ウィジットにて、それらサイドバーにウィジットを配置していきます。 そして次はサイドバーを固定ページ内に配置していく作業です。 [otw_is sidebar=otw-sidebar-1] のようにショートコードを使うこともできるのですが、Wigetize PagesについてきたOTW Grid Manager Lightプラグインを使ってみます。
Onetone ワードプレス テーマ更新の結果・・・【ワードプレス スクール 横浜教室】
ワードプレス教室 ではOnetoneというテーマを使ってサイト作成しています。最近、そのテーマのアップデートがありました。結果、スマホでの表示がおかしくなりました。@mediaが欠けているようです。取り急ぎ自分で調べてわかった範囲で次のように補いました。 @media screen and (max-width:600px) { .full_width,.one_half,.one_third, .two_third,.one_fourth,.three_fourth, .one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth { clear:both; width:100% !important; margin-left:0; margin-right:0; margin-bottom:1em; } } @media screen and (max-width: 719px) { .banner-box h1 { font-size: 18px; …