WordPress3.0 TwentyTen 子テーマの作り方




Wordpress3.0のTwentytenの子テーマの作り方を記載します。
子テーマを簡単に説明すると、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)


人気記事一覧


関連記事

カテゴリー: twentyten, twentytenカスタマイズ   パーマリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>