WordPress の子テーマを使ってみた
昨日書いた WordPress の子テーマをさっそく作成して適用してみました。
作り方は子テーマのマニュアルに書いてある通りですが、少し不親切だなと思った部分があるので補足しておきます。
子テーマを作るために最低限必要なものは「子テーマ保存用のフォルダ」と以下の2つのファイルです。
- style.css
- functions.php
ここでは親テーマの名前を “example” という名前として話をすすめます。「子テーマ保存用のフォルダ」の名前を “example-child” とした場合、以下のような構成になりますね。
|
1 2 3 4 5 |
wp-content/themes/ example/ example-child/ style.css functions.css |
フォルダとファイルが用意できたら style.css の内容を作成します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
/* Theme Name: Example Theme URI: http://example.com/ Description: Example Child Theme Author: semicolon Author URI: http://example.com Template: example Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: example-child */ |
マニュアルに記載してあるのとほぼ同内容ですが、ここで大切なのは “Template: example” の行です。これがないと子テーマとして認識されません。”example” は親となるテーマのフォルダ名を指定します。
さらに functions.php に以下のコードを記載します。
|
1 2 3 4 5 6 |
<?php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } |
これらのファイルをアップロードすると、WordPress 上でテーマとして選択できるようになります。子テーマを適用すると親テーマのスタイルがそのまま引き継がれると思います。
子テーマを作成する目的はテーマのカスタマイズなので、あとは style.css や functions.php にカスタマイズ用のコードを追加していきます。親テーマのスタイルと機能を上書きできるのでたいへん便利ですね。
これで親テーマが自動更新されても泣かずに済みます（泣いたことがあるらしい）。