WordPressのTwenty Elevenのテーマカスタマイズ・・・子テーマ

　ＦＣ2ブログからWordPressへのブログの引っ越しは無事に終わったので、今度はWordPressのテーマのカスタマイズ。どのテーマを使うか色々悩んだ結果、初めてなのでカスタマイズの勉強になりそうなデフォルトのテーマTwenty Elevenを使うことに。そろそろ2012を使えるようになりそうなのだが。。。




　カスタマイズしたい箇所は、まずは基本としてヘッダー、サイドバーの幅、フォントサイズ。ここだけはまず最初のカスタマイズしたいと思っていたが素人なのでかなり苦戦することに。Twenty Elevenはｈｔｍｌ5なのであるが、ｈｔｍｌ5の知識が全くないので、まずはｈｔｍｌ5の基本構造について少しだけ勉強し、テーマを弄ろうと思ったのだが、テーマを弄るのはさまざまのブログを読むと、子テーマを作って、その子テーマを弄ったほうがいいみたいなので、まずは子テーマを作ることに。




　いずれプラグインを使用するため、その他のファイルも子テーマで弄ることになったのだが、その箇所以外は書き換えない、とゆうか弄る知識もないので、最初は子テーマのstyle.cssだけをテーマをカスタマイズするために作成。




　子テーマについては、「WordPress Codex 日本語版・・・子テーマについて」に書かれているが、まず、


　　
　　　wp-content　→　themes　→　子テーマのディレクトリ



　のように、他のテーマが入っているthemesのなかに子テーマのディレクトリを作成。名前は自由なので、子テーマだとわかりやすい名前で作成してみた。次にその子テーマのディレクトリの中に子テーマのstyle.cssを作成するわけだが、

　

　必須なのは、　「THeme Name」と「Ｔemplate」と親テーマを継承して変更したい部分だけ子テーマで弄るのだから、継承する親テーマの「@import url」だけ。このファイルを子テーマのディレクトリにアップロードするだけで子テーマは完成。後は子テーマを弄るだけなのだが、素人にはここからが難しかったのだが、それはまたいずれ書こうと思う。。。

関連記事: