wordpressで子テーマをつくる

やること

wordpressで子テーマをつくる際に必要な初期設定をまとめる

• 親テーマと違うことをstyle.cssで宣言
• functionに子テーマのstyleを読み込むように設定

子テーマを作る際の流れ

• 子テーマは基本的には親テーマとの際の部分だけかくという形。親テーマは常にwordpress内にインストールしていないといけない
• 子テーマにするメリットは親テーマが自動更新がかかってもその影響で勝手にファイルが消えたりしないこと
• 下記は必須だがほかは必要ファイルのみ用意する
  • style.css
  • functions.php

参考資料
「初心者でも3分でわかる！WordPressの子テーマの作り方」
https://freesworder.net/wordpress-child-theme/

style.cssで子テーマと明記

style.css

/*
Theme Name:{子テーマの名前}
Template:{親テーマの名前}
*/

functionsの記述

functions.php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

上記で親テーマのcssを読み込み、子テーマのcssも読み込むようになる

参考資料

その他注意

子テーマのimgの表示方法

<img src=”<?php echo get_stylesheet_directory_uri(); ?>/images/sample.jpg” />

各ページの役割