ずっと気になってて、いつか作ろうと思っていたCSS child theme (子テーマ)というものを、
WORDPRESS3.5.2にアップデートついでに作っておきました。
まだCSSはtwentytwelveなので今のうちに。
検索していろんな人の情報を見て結局ここを参考にしました。
WORDPRESSの基礎!
CODEX Child Themes
まずはWORDPRESS管理画面ではなく、サーバーのほうに行って
wordpress
|
wp-content
|
theme
|
ここに「twentytwelve」があるので
フォルダの新規作成で「twentytwelve-child」を作ります。
ここでの名前は自由です。今回はCODEXの通りにします。
twentytwelveの中に作るのではなく、themeの中、同じ系列に作ります。
フォルダ「twentytwelve-child」の中に
[style.css]を新規作成(この時点では中身空っぽです)
style.cssを開く
真っ白だと思うのでこれを入力します。(普通にコピペで)
/*
Theme Name: Twenty Twelve Child
Theme URI: http://
Description: Child theme for the Twenty Twelve theme
Author: Your name here
Author URI: http://
Template: twentytwelve
Version: 0.1.1
*/
必ず必要なのは赤字のみなので
/*
Theme Name: Twenty Twelve Child
Template: twentytwelve
*/
これでもOKです。
templateは自分の親テンプレート名にしてください
(好きな名前を付けるところではないです!)
そしてそのすぐ下に入力
(親分はtwentytwelve/style.cssですと教えておきます)
@import url(“../twentytwelve/style.css”);
この下に自分が追加・変更したいところだけスタイルシートをいろいろ書き込みます。
親分のデータを全部コピペする必要は無いです。
wordpressは子テーマを先に見て、不足分を親分で補うみたいですよ。
あとはwordpressの管理画面で
THEMEのところに行くと一覧の中に
twentytwelve-childとさっき自分で作ったテーマが追加されているので
それをEnableにするだけです。
マルチサイトにしている方は:Network Enableですね。
たったこれだけでしたよ。
もっと面倒かと思っていたので・・・早くすればよかった。
あと、以前子テーマについていろいろ見ていた時に
CSSに@import urlと書き込む以外の方法を見かけたんですけど・・・
この方法だといちいち読みに行くからとかなんとかで
今回なぜか探せなかったので?w
しばらくはこの方法で続けたいと思ってます。
それから・・・
ずっと作ろうと思ってたのでw
実は、ずっと親分CSSに直接書き込んでたのを、一回デフォルトに戻して、
新しく作った子テーマに、付け加えた分だけをコピペすると言う大変面倒なことをしましてw
親分をつつく前に子テーマを作るのをおすすめします。