WordPressで子テーマを作る方法
子テーマの作り方を、さくっと紹介します。
子テーマの作り方
子テーマ用フォルダを作る
wp-content/theme内に、xx-childと名付ければわかりやすいです。（xxは親テーマのフォルダ名）
functions.phpを作る
先ほどのフォルダの中に、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' ); } ?> |
style.cssを作る
同じく、先ほどのフォルダの中にstyle.cssを作り、下記のコードを記述します。
|
1 2 3 4 5 6 7 |
@charset "utf-8"; /* Theme Name:xx-child Template:xx Version:1.1.1 */ |
Theme Name：先ほどのフォルダ名（xx-child）
Template：親テーマのフォルダ名
Version：親テーマのバージョン
これで子テーマを作成できました。
WordPressのダッシュボード「外観」-「テーマ」で、xx-childが生成されているので、その子テーマを有効にします。
そして表示確認。うまく親テーマの表示を引き継いでいればOK。
親テーマを直接触りたくないときに重宝します。是非お試しください^^
公開日：2020年7月28日
最終更新日：2020年7月28日
