*

WordPressの子テーマを作る巻

公開日: : WEB

WORDPRESSの子テーマを作ります

子テーマを作る理由
WORDPRESSのバージョンアップを繰り返すと、そんたびにテーマも一緒に更新されます
そうなると今まで手を入れてきたレイアウトや機能など、クリアされてしまって一から入力し直し
何かよいものがないかとネットで調べていたら、子テーマという手段で回避することが出来そうです

で、今回、子テーマを適用します

内容的にはテーマを参照する子テーマをつくり、子テーマには参照元を記入すればOK
その子テーマをサイト設定で、使用するテーマに設定すれば、無事完成
簡単です


で、早速 
テーマが保存されているディレクトリに別のディレクトリを作ります


今回はchildの名前で作ります


で、出来たところにファイル名 style.cssを作成

/*
Theme Name: Child
Template: twentyeleven
*/


これだけだと、レイアウトが素のものになってしまうので、元テーマを参照するスクリプト文を挿入

/*
Theme Name: Child
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');


で、サイト設定で子テーマを選びます 
今回はchildを指定


Childが選択されました


元の画面から


こちらの画面に 
これは参照元が指定されていないバージョン 
レイアウトが崩れています


正しくはこちらの画面 
レイアウトが元画面と一緒に


このままだと、トップの扉写真がランダムに表示されてしまいます 
サイト設定で扉写真を前回のもに固定選択


これで、テーマは違うけど、元のレイアウトと同じになりました

どうもStyle.cssと必要なphpファイルをこのChildフォルダに入れれば、元テーマに反映されるみたい

簡単でした

【参照サイト】
子テーマやカスタマイズの基本の基本についてちょっとおさらいしてみる | Webourgeon

子テーマ – WordPress Codex 日本語版

【重要】WordPressテンプレートのカスタマイズ前に子テーマをつくる方法CSS篇|ThePresentNote

PC

関連記事

静かな船出!WordPressのバージョンを3.5に上げてみるの巻

Wordpressのバージョンを上げてみましたが、大差ありませんでしたよ バージョンが

記事を読む

少し便利に!アマゾン、楽天で同時検索するブックマークレットの選択したテキストをクリップボードにコピーするように修正したの巻

はじめに 先日、作成した「選択した商品のテキストをアマゾン、楽天で同時検索するブックマークレッ

記事を読む

設置簡単!常にソーシャルシェアボタンが表示されるようにしてみたの巻 WordPress ShareBar

ソーシャルシェアのボタン設置は簡単でした ネットで調べてみると、フローティングして常に

記事を読む

WordPressのテーマをtwentytenからtwentyelevenに変えたの巻

WordPressのテーマをtwentytenからtwentyelevenを変更するのは簡単

記事を読む

カレンダーで記事ポストの予定が立てれて便利! WordPress Editorial Calendar

WORDPREEの管理画面から、記事投稿の予定がカレンダーで見れて便利です 記事を一日

記事を読む

WordPressのLightBoxが、おかしくなったので直してみたの巻

どうも一時期、プラグインのアップデートでプラグイン同士の齟齬が発生したようです ちょっ

記事を読む

ブックマークレット 食べログの店名TEL住所営業時間定休日駐車場を表示

ブックマークレットを作ってみました 食べログから店名、住所、営業時間を抽出するものです

記事を読む

容易に実現! 最近の投稿の写真を枠つきに変えてみたの巻

こちらも簡単にできました 最近の投稿を写真なしから写真ありに変えてみました こちらは

記事を読む

改善の見込みなし! アクセス数降下中

昨日は持ち直したものの、今日もアクセス降下中 135→86→42→35→53→22 22時

記事を読む

文字化け対策のWP Multibyte Patchをインストールするの巻

国内のWPホストだと、自動的にインストールされるWP Multibyte Patchをインス

記事を読む

PC

PC

PAGE TOP ↑