*

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

関連記事

リンクの色を変える巻

CSSを使ってリンクしている文字の色を変更します ちょっとサイトに手を入れだしたら止まりません

記事を読む

もう簡単、記入するだけ! WPtouchでGoogle adsense広告を打ってみたの巻

あっという間にモバイル向けアドセンスが簡単にできました このブログのモバイル向け表示に

記事を読む

簡単にできた! WordPressの個別記事にサイドバーを表示させる巻

個別記事をホーム画面のようにサイドバーつきに変更します Wordpressでちょっと不

記事を読む

アクセス急落したけど、復帰したの巻

実は先週、アクセスが1週間ほど、急落していました 原因は不明 Googleのパンダ、ペン

記事を読む

簡単! Googleウェブマスターツールにサイトマップを登録したの巻

Googleウェブ マスターツールにサイトマップ登録するのは簡単です アクセス数に関係

記事を読む

WordPressの写真に白枠をつける巻

WORDPRESSの写真に白枠をつけてみました WORDPRESSのバージョンアップを繰り返し

記事を読む

簡単!WPのパンくずリストのプラグインBreadcrumb NavXTをインストールしてみたの巻

一言 インストールは簡単で、表記には、ちょっとしたコツが必要でした はじめに パンくず

記事を読む

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

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

記事を読む

アフェリエイトを少し有利に!もしもアフェリエイトを申請、カエレバ、ヨメレバを設定してみたの巻

ちょっとアフェリエイトが有利になりそうです はじめ ブログのアクセス数もちょこっと伸びて

記事を読む

6人の人気ブロガーから判る月の更新回数!

6人の人気ブロガーから判る月の更新回数! 前回、「質より量」と言うことで、月の更新回数の目標を

記事を読む

PC

PC

PAGE TOP ↑