WordPressの子テーマの使い方とメリットやデメリット

子テーマを作成するのはテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまい、せっかくカスタマイズしたものが標準に戻ってしまうためです。子テーマを使うメリットは、テーマを更新させても自分の変更内容を保持できるというメリットがあります。その反面、子テーマを使用するデメリットは、作成に時間や労力がかかることです。サイト自体が重くなることもデメリットの1つです。親テーマに加えて子テーマを読み込む必要があるため、サイトの表示速度が遅くなってしまいます。

テーマのカスタマイズをする機会が多い場合は子テーマを利用した方がいいでしょう、親テーマをいじることなく変更ができるので、トラブルを回避することが可能です。万一、表示されなくなってしまった場合にも親テーマーに戻すことで回復させることも可能なことが多いといえます。機能を追加したい場合や、親テーマ内の関数を上書きする場合も有効的です。

WordPressの仕組みでは、親と子テーマで同じ名前のファイルがある場合、子テーマから優先的に読み込まれます。

テーマのカスタマイズを必要としないのであれば、子テーマを利用しない方がいいでしょう。ページに複雑な装飾を必要としないのであれば、外観 → カスタマイズ にある追加CSS でスタイルを追加されることをお勧めします。こちらは、テーマの更新をしても追加部は変更されないので安心です。(ただし、肥大化するような場合は表示スピードに影響を与えることもありますので注意が必要です)

子テーマ作成手順

1.ローカルPC上に子テーマを格納するフォルダを作成する。フォルダ名は 「○○○-child」等のわかり易いものなら良いです。(一般的には○○○には親テーマ名を入れることが多いようです。)

2.子テーマフォルダ内に style.css とfunction.php を作ります。(テキストエディタが必要、古いエディタは文字コードが扱えていない場合もあるので注意が必要です。)

3.style.cssの設定をします。テキストエディタで下記の記述をします。()は注釈です必要ありません。

/*
Theme Name: lightning Child
 (子テーマの名前)
Version: 1.6
Template: lightning (親テーマの名前)
*/

4. function.php の設定をします。「functions.php」は、WordPress内にCSSやJavaScriptの機能を追加したり、親テーマの後に子テーマを読み込んだりするための機能や関数を追加し機能拡張させるためのものです。スペルミスや空白をミスするとエラーを起こしたりするので十分注意して取り扱ってください。初心者の方は知識のある方に助けて頂くのが得策かもしれません。

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

function.php に上記の記述をします。テーマ共通のものになっているので、修正の必要はありません。

子テーマを使えるようにする

style.css とfunction.php が作成できたらWordPressサーバーにアップロードし子テーマが使えるようにします。アップロードする方法はWordPressの管理画面で行う方法とFTPソフト等利用して行う方法がありますが、ここでは簡単な管理画面を使った方法で説明します。

1. 子テーマフォルダを Zip 形式で圧縮します。

2.WordPressの管理画面にログインしダッシュボードの 外観 → テーマ → 新規追加 → テーマのアップロード と進み先ほど作成した圧縮ファイルをアップロードします。

3.子テーマを有効化するには、管理画面のテーマに先ほどアップロード下子テーマが表示されているはずですので、こちらを有効化します。

※ 最近のテーマにはあらかじめ子テーマが用意されているものもあります。この場合テーマのサポートサイトなどからダウンロードすると管単に利用できます。

WordPressのブロックエディタ(Gutenberg)は直感的に編集できる優れたエディタですが、記事を装飾したり、レイアウトデザインをしたいときには少し戸惑うこともあるかもしれません。編集機能がサポートされているテーマを利用すと悩みを解決できるかも。凝ったデザインや複雑なレイアウトを提供してくれる業者やフリーターを探すサービスも利用価値があるのでは?

Child Theme Configuratorは子テーマが作れる

Child Theme Configurator は子テーマが作れます。子テーマのデメリットは作成に時間や労力がかかることです。この時間や労力を手助けしてくれるのが Child Theme Configurator です。サイト自体が重くなることもデメリットの1つです。加えて子テーマを読み込む必要があるため、サイトの表示速度が遅くなってしまいます。

プラグイン Child Theme Configurator
バージョン2.5.8
有効インストール数300,000+
WordPressバージョン4.0以降
検証済み最新バージョン5.7.3
PHPバージョン5.6.36以降
Child Theme Configurator

このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

有料WordPressテーマは、カスタマイズの柔軟性も高く、プラグインを新たにインストールしなくても十分な機能が装備されているので、コンテンツ作りに集中することができます。

THE THOR

ザ・トールは、圧倒的に美しくおしゃれなテーマです。ランキングサイト・口コミサイトやおしゃれで美しいデザイナーズサイトが簡単に作れます。アクセスUP、収益UPを強力に後押しする「集客・収益化支援システム」が搭載されていて、コーポレートサイトやビジネス用メディアブログ、ブロガー・アフィリエイターなどの利用に適しています。

※ザ・トールは、デザイン経験のない初心者でも「美しく・バランスの取れたサイト」をクリック操作だけで作れるように設計されています。煩わしいCSSをいじる必要もありません。また、デザインの拡張性が極めて高いため、自分だけのオリジナルデザインのサイトが作れます。トールを使用している他のユーザーとデザインが被ってしまう心配もありません。

「デザイン着せ替え機能」を使えば、プロのデザイナーが制作したデモサイトと同じデザインのサイトがワンクリック・数秒で完成。デザイン設定の必要は一切なく、直ぐにサイトの運営をスタートできます。他のWordPressテーマのようにデザイン設定で悩む必要はもうありません。