IT WordPress

子テーマを作成して、WordPressテーマの変更を安全に行おう

子テーマとは

子テーマとは、テーマのカスタマイズに使用するもの

子テーマは、使用しているWordPressテーマの分身です。
親テーマがどれかをあらかじめ宣言しておけば、親テーマにあるすべてのコピーファイルは必要ありません。
変更する差分ファイルのコピーのみを必要とします。

子テーマを使うメリットは

1:テーマを更新した時に、修正内容を残せる

ワードプレスのテーマは更新するときがあり、そのときに以前設定していたCSSやPHPの設定は残らず消え去ってしまいます。
カスタマイズした設定を残しておくために、子テーマが必要です。

2:不具合が出た時にすぐ戻せる

デザインをカスタマイズしていると、思わぬ動作をしてしまうことがあります。そんなときも、子テーマの編集は、オリジナルの親テーマには手を付けていないので、すぐに元の状態に戻せるのです。

子テーマの作成方法

ファイル・フォルダの準備

themesフォルダ内に、子テーマ用のフォルダを作ります。
stinger6の子テーマを作るので、stinger6_childというフォルダ名にします。

ちld

親テーマのstyle.cssをコピーして、子テーマ用のフォルダにコピーします。
子テーマにおいたstyle.cssを開き、冒頭を修正します。

hendy

子テーマの編集

デフォルトのヘッダー

[code language="css"] /*---------------------------------------------------------
Theme Name: STINGER6
Theme URI: http://wp-fun.com
Description:
Author: ENJI
Author URI: http://wp-fun.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-header, custom-menu
Text Domain: stinger6
Version: 20151214
---------------------------------------------------------*/[/code]

これを、次のように編集します

[code language="css"] /*---------------------------------------------------------
Theme Name: STINGER6 _CHILD
Template: stinger6
---------------------------------------------------------*/[/code]

 

記述には、少なくともTheme NameとTemplateの2つが必要です。
Templateについては、親テーマのフォルダ名を入力して下さい。
ここまで作業が出来たら、ダッシュボードから「外観」⇒「テーマ」にアクセスして下さい。
設定した子テーマが追加されているのが確認できます。

test

あとは、カスタマイズを進めていく内に必要になってくるファイルをコピーして追加して編集する用にします。

よく読まれている記事

1

こんにちは、IT行政書士の坂本倫朗(@sakamotohitori)です。今回は、個人事業主に向けた、お金のやりくりを向上させる話です。 もくじ 5年後に笑って振り返れるように資金繰りをしよう資金繰り ...

2

こんにちは、IT行政書士の坂本倫朗(@sakamotohitori)です。今回は、「経営難に陥る会社には共通点がある」という話です。資金繰りを良くしたいとお考えであれば、この記事で紹介していることとは ...

3

もくじ 契約書に数字を書くときのお作法 契約書の日付をあいまいにしない 契約書に記載する金額の正しい書き方 手書きで金額を書くときは、漢数字と大字を使う 契約書の条項号の数字は? 条 項 号 構成の見 ...

4

契約書の書き方で難しい、「契約書のあそこの部分について」を指し示すときの書き方をまとめます。 法律は条、項、号、という順番になっています。契約書もそれに合わせて書きます。 この辺の話は以下の記事にまと ...

-IT, WordPress