Wordpress3.0のTwentytenの子テーマの作り方を記載します。
子テーマを簡単に説明すると、WordPressをアップデートする時にファイルが上書きされてしまうと、変更したものが元に戻ってしまいます。変更する部分を別のファイルに記載しておいて、デフォルトのファイルの上から上書きして読み込んでしまうものです。(※一部異なる部分もありますが、大枠はこのような認識で良いと思います)
子テーマを簡単に説明すると、WordPressをアップデートする時にファイルが上書きされてしまうと、変更したものが元に戻ってしまいます。変更する部分を別のファイルに記載しておいて、デフォルトのファイルの上から上書きして読み込んでしまうものです。(※一部異なる部分もありますが、大枠はこのような認識で良いと思います)
子テーマを作るには、ディレクトリの作成からスタートします。
Wp-content > themes > twentyten
に子テーマとなるディレクトリを作ります。
下記にFFFTPのプリントスクリーンを掲載します。
「twentyten」と同じ階層に「twentyten_child」というディレクトリ(フォルダ)を作りました。
そこに、下記のソースを記載したstyle.cssを保存します。
下記ソースは、/* */の部分がコメント(親テーマ・子テーマを定義しています。)で、
@import url(‘../twentyten/style.css’);の部分で、オリジナルのstyle.cssをインポートしています。
子テーマのstyle.cssが親テーマの上書きをしている形です。
/*
Theme Name: Kid
Theme URI: http: //example.com/
Description: Child theme for the Twenty Ten theme for WordPress
Author: Demetris
Author URI: http: //example.com/about/
Template: twentyten
Version: 0.1.0
*/
@import url('../twentyten/style.css');
テンプレートの詳細
| 項目 | 内容 | 必須 |
|---|---|---|
| Theme Name | 子テーマ名 | ● |
| Theme URI | 子テーマのウェブページ | |
| Description | 子テーマ名 | |
| Author URI | 子テーマのウェブページ | |
| Author | 作者の名前 | |
| Template | 親テーマのディレクトリ名, 大文字小文字を区別します | ● |
| Version | 子テーマのバージョン。 |
※「Theme Name」(子テーマ名)と「Template」(親ディレクトリ名)が記載されていれば、動作します。
注意事項
「@import url(‘../twentyten/style.css’);」を忘れると、動作しないので、忘れないように注意しましょう。
参考サイト
| 項目 | 内容 |
|---|---|
| サイト名 | WordPress.日本語 |
| URL | WordPress Codex 子テーマ(http://wpdocs.sourceforge.jp/Child_Themes) |
人気記事一覧
- Firefox アドオン互換性チェック解除 「Add-on Compatibility Reporter」
- wp_social_bookmarking_lightのCSS変更(デザイン)
- WordPress3.0 TwentyTen 子テーマの作り方
- 「Enhanced Categories」WordPressプラグイン、カテゴリーを折りたたみツリー化
- WordPress TwentyTen 背景色・背景画像の変更

