子テーマの作り方

フォルダー名は、公式テーマと重複しない好きな名前をつけることが出来ます。

公式テーマと同じ名前にしてしまうと、テーマの更新チェックで公式テーマと見做されます。自動更新が有効になっていると、子テーマファイルが上書きされてしまいます。

style.cssを作ります。

style.cssにはスタイルシートヘッダというテーマの情報を書く決まりがあります。この情報がないと、Wordpressにテーマと認識されず、管理画面のテーマの一覧に表示されません。

最低限必要なのは以下の2項目です。

親テーマの style.css を読み込むようにした、最小の style.css は以下のようになります。

/*
  Theme Name: xxxの子テーマ
  Template: xxx
*/

@import url('../xxx/style.css');

その他の項目については、テーマの作成 – WordPress Codex 日本語版を参照して下さい。

CSSを変更するだけであれば、functions.php は必要ありません。

親テーマの機能に何らかの機能を追加する場合は、functions.php にその処理内容を記述します。

ネットで見つけた記述を子テーマの functions.php に追加する場合は注意が必要です。

get_template_directory_uri()

この関数は親テーマのパスを返すので、子テーマ内のパスを取得したい場合は、

get_stylesheet_directory_uri()

に書き換える必要があります。

子テーマ用のフォルダーをサーバーにアップロードします。

アップロード先は、親テーマがあるディレクトリと同じ

{Wordpressのドキュメントルート}/wp-content/themes

にアップロードします。

管理ページにログインして、「外観 > テーマ」ページを開くとにアップロードした子テーマが表示されます。

子テーマを有効化すると、子テーマの設定が反映されるようになります。