ワードプレス:子テーマの作り方

U3
2017/8/14
2024/11/7

テーマのファイルを自分でいろいろカスタマイズしたい

ワードプレスの管理画面からだけではできないことも、ファイルを直接書き換えることで実現できる場合があります。

テーマを改変するときは、テーマフォルダの中のファイルを直接変更してはいけません。


なぜかというと、Wordpressでテーマのアップデート(更新)を行った時に、修正箇所が消えてしまう可能性があるからです。


ではどうしたらよいかというと、「子テーマ」を作ります。


子テーマを作って、子テーマの中にコピーペーストしたファイルを変更すると、テーマをアップデートしたときに、カスタマイズした箇所が上書きされることも防げます。

子テーマの作り方

  1. まずサーバーにアクセス
  2. themesフォルダの中にフォルダを一つ増やして、style.cssとfunctions.phpを置く。置き場所は、wordpress > wp-content > themes の直下。親テーマと並列に置きます。(画像参照)
  3. 子テーマのstyle.cssに、親テーマと紐づけるコードを記述する(下記)
  4. 子テーマのfunctions.phpに、親テーマのstyle.cssも読み込むコードを記述する。(下記)
  5. ワードプレスの管理画面で「外観>テーマ」に子テーマが表示される。
  6. 子テーマを有効にする

子テーマのstyle.css

/*
Template:oya
Theme Name:oya_child
*/

oya の文字列は親テーマのフォルダ名に置き換えてください。

大文字小文字の違いも関係あるので、フォルダ名からコピーペーストしましょう。

子テーマのfunctions.php

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

親テーマに既にいろいろ設定してしまっている場合

子テーマには反映されません。だから

プラグイン(Customizer Export/Import)で既存のテーマ設定情報を移行します。

Inherit Theme Mod というプラグインもあります。


コメント

コメントはまだありません。