Wordpressの既存テーマの子テーマを作成する

新規作成日 2017-03-04

最終更新日 2019-08-31

既存テーマをカスタマイズする場合は、「子テーマ」と呼ばれるテーマを作成し、元のテーマは変更ぜずに、「子テーマ」を変更します。

「子テーマ」は、元のテーマつまり「親テーマ」の機能やスタイルを継承するので、修正する部分のみを指定してカスタマイズを進めることができます。

テーマに新しい機能やテーマの修正がある場合、WordPress公式テーマなどは自動でアップデートが行われます。既存のテーマを直接カスタマイズしてしまうと、アップデートの際にファイルがすべて上書きされてしまい、カスタマイズした内容がなくなってしまいます。

必要なファイルを作成する

まず、twentyseventeenｰchild」という名称のフォルダを作成します。そのフォルダ中に、テキストエディタ等で、「functions.php」と「style.css」を作成します。※ファイル名が、大文字と小文字を区別することに注意して下さい。

※子テーマのフォルダの名前は、親テーマの名前のあとに、「ｰchild」を付けた名前にするのが、WordPressでは、推奨されています。

「twenty seventeen」の子テーマを作成する例

「functions.php」

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_parent_theme_file_uri() . '/style.css' );
}
?>

「style.css」

/*
Theme Name: twentyseventeen-child
Template: twentyseventeen
*/

大きく２つの方法があります。

フォルダごとzipファイルで圧縮し、それをダッシュボードから、新しいテーマとしてアップロードする。
レンタルサーバーで用意されているファイルマネージャーを使用して、Ftpクライアントを使用して、サーバー上の「WordPressインストールディレクトリ / wp-content / themes」の中に「twentyseventeenｰchild」という名称のフォルダを作成し、その中に作成した「functions.php」と「style.css」をコピーする。