目次
WordPressの子テーマを作成する
親テーマと同じ階層に子テーマのディレクトリ（フォルダ）を作る。 例えばWordPressのデフォルトのtwentyseventeenテーマに対して子テーマを作ろうと思えば
/public_html/wp-content/themes
└twentyseventeen
└twentyseventeen-child
こんな感じ。「親テーマ-child」というディレクトリを作る。
次にこのtwentyseventeen-childの中に2つのファイルを配置する。
・style.css
このファイルに以下を記述。Templateのところに親テーマのフォルダ名を入力する。Theme Nameは子テーマの名前を書いておく。
/* Theme Name: Twenty Seventeen child Template: twentyseventeen */・functions.php このファイルには以下を記述する。
<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
これで子テーマを有効化すればOKとなる。
themesの中のディレクトリ、ファイル構成はこのようになる。
/public_html/wp-content/themes
└twentyseventeen-child
└style.css
└functions.php
子テーマを編集するには
スタイルシートに自分独自のクラス等を書きたい場合は、style.cssに追記していけばよい。 親テーマのphpファイル（例えばheader.phpや、index.phpや、single.php等）を編集したいと思えば、親テーマ内のxxxx.phpファイルを一旦FTPでローカルPCにダウンロードしてきて、それを子テーマの中にアップロードする。 例えば‥
/public_html/wp-content/themes
└twentyseventeen
└header.php ←このファイルをダウンロードして
/public_html/wp-content/themes
└twentyseventeen-child
└header.php ←この位置にアップロード
そうすれば、WordPressの左側メニューから、外観→テーマ編集で、このheader.phpファイルを直接編集できるようになる。
子テーマのphpファイルを編集すれば、優先的にそちらを上書きするようなイメージになり使用してくれるようになる。
プログラミング学習を体系的に進めたい人へ
独学で基礎を確認したあとに、質問できる環境や転職・副業向けの学習サポートも比べたい人は、プログラミングスクールの比較記事も参考にしてください。学習目的、料金、受講期間、サポート範囲を分けて見ると、自分に合う学び方を選びやすくなります。
