ブログをリニューアル予定。過去記事は削除するかもです。

【WordPressの子テーマとは】メリットと作り方を初心者向けに解説します

【WordPressの子テーマとは】メリットと作り方を初心者向けに解説します

WordPressの子テーマってなんだろう?

子テーマを作るメリットは?

子テーマを作らずに、ブログをカスタマイズしちゃいけないの?

 

こんな疑問に答えます。

結論を先に言いますと、”WordPressでブログを書くなら子テーマを作り、子テーマを編集していこう”です。

ずっと親テーマを使い続けると、編集したときにサイトが消える可能性大です。

その理由とともに、本記事では子テーマの重要性と子テーマの作り方について、初心者にもわかりやすく丁寧に解説します。

 

【自己紹介】僕のワードプレス歴は8年です

アラサー男子 in L.A.

Twitterフォローしてね

ブログ歴:3年
 WordPress歴:8年
 これまでに使ったテーマの数:30個以上
 WordPressで作ったウェブサイトの数:50サイト以上
 現在はブログを書いて生活しています

 

WordPress初心者だった昔の僕は、子テーマの存在すら知らず、もちろん、重要性も理解していませんでした。

そのため、せっかくカスタマイズした内容が消えてしまったり、誤って超重要なコードが消えてしまったりと、散々な目にあったこともあります。

そこで、僕と同じ間違いを犯してしまう人を少しでも減らしたい思いで、本記事を書いています。

 

スポンサードサーチ

【WordPress子テーマとは】仕組みとメリットを理解しよう

【WordPress子テーマとは】仕組みとメリットを理解しよう

まずは、子テーマの仕組みと重要性、メリットを簡単に解説しますね。

ブログをカスタマイズしたくて、CSSやphpの情報を検索すると次のように書かれているのを目にしたことはありませんか?

 

ブログのカスタマイズは子テーマを使いましょう(^ 0 ^)//

 

これらのサイトで書かれている通り、子テーマは作っておくべきファイルです。

後々のトラブルを減らすためにも、子テーマの重要性はしっかり理解しておきましょう。

 

子テーマとは

子テーマを簡単に説明すると次の通りです。

WordPress子テーマの意義を要約

親テーマの情報を引き継ぎながら、自由にカスタマイズするための作業用ファイル

 

子テーマを使うと、親テーマ自体に手を加えず、変更したい部分だけをカスタマイズできるようになります。

子テーマの仕組みを解説しながら、深掘りしますね。

 

子テーマの仕組み

子テーマは親テーマのファイルを元にして作られます。

WordPressでは様々なファイルを用いて、ひとつのサイトが作られる仕組みで成り立っていますが、子テーマを作るということは、それらのファイルの複製を作り、その複製にカスタマイズを施していくということです。

子テーマの仕組み【図解】

子テーマの仕組み

 

親テーマを直接カスタマイズしてしまうと、ミスをしたときにバグが生じたり、最悪の場合はブログが真っ白になってしまう事態が起こります。

しかし、子テーマで作業をする分には、元々のテーマ(親テーマ)には一切触れずに済むので、ミスをしても改修しやすかったり、ブログが見れなくなるといった最悪のケースを免れることが可能です。

 

子テーマを作るメリット

子テーマを作るメリットは下記の通り。

 

メリット
  • 誤ってミスをしたときの対処が簡単
  • テーマアップデート時にカスタマイズ内容が消えない

ミスした場合の対処が楽になる理由は先ほど述べた通りなので、テーマアップデートについて解説します。

 

テーマアップデートでカスタマイズ内容が消える!?

WordPressのテーマは定期的にアップデートを繰り返します。

テーマをアップデート(更新)するとは、新しいファイルに書き換えるということです。

それはつまり、これまでに自分で追記したコードなんかも上書きされてしまうということです。

テーマアップデートはファイルが上書きされる

テーマアップデートはファイルが上書きされる

 

追記したコードや新たに作ったファイルは、元々のテーマには存在しなかったものです。

当然、テーマ更新のときには、個別のカスタマイズまでは残してくれないので、データが消えてしまうというわけですね。

 

アップデートは子テーマに反映されない

しかし、テーマ更新でアップデートされるのは、どんなときも親テーマのみです。

つまり、子テーマを作って編集していけば、その内容が更新されることはありません。

 

スポンサードサーチ

【子テーマの作り方】コピペ用コードを用意しました

【子テーマの作り方】コピペ用コードを用意しました

子テーマは簡単に用意することができます。方法は下記の2通りです。

子テーマを作る方法

  1. 開発元が作った子テーマを使う
  2. 自分で子テーマを作る

 

1. 開発元が作った子テーマを使う

1つ目は、親テーマの開発者が作った子テーマを使う方法です。

配布元のなかには、子テーマを用意してくれているところもあるので、自分で子テーマを作れる自信がない人は、初めからそういったテーマを購入してしまうのもひとつの手です。

たとえば、【THE THOR(ザ・トール)】など、利用者が多く有名なテーマには、子テーマも一緒についてくるので、それを利用しましょう。

テーマをインストールして使用する方法は、下記の記事をご覧ください。

» WordPressのテーマをインストールする方法【2つの方法を解説】

 

2. 自分で子テーマを作る

もう1つは、自分で子テーマを作り、インストールする方法です。

子テーマが用意されていないテーマを使っている場合はこのやり方を実践しましょう。

難しそうに聞こえますが、意外と簡単です。下記の手順を参考にしてください。

 

子テーマ作りに必要なもの

子テーマに必要な最低限のファイルは2つだけです。

子テーマに必要なファイル

  • functions.php
  • style.css

 

子テーマを作る【コピペでOK】

では、実際にfunction.phpとstyle.cssを作っていきましょう。手順は4つだけです。

 

1. 子テーマ用のフォルダを作る

子テーマ用のfuctions.phpとstyle.cssを保存するためのフォルダを作ります。

フォルダ名はなんでもOKですが、現在使用中のテーマ名に「child」をつけるなど、わかりやすい名前にしておくといいと思います。

 

フォルダ名の例:(テーマの名前)-child

 

2. functions.phpを作る【コピペ以外することありません】

まずは、function.phpのファイルですが、これはコピペで完了します。

下記にコードを用意しました。

 

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' );
}

 

このコードをエディタに貼り付けて、ファイル名を「functions.php」にして保存します。

おすすめのエディタは、Sublime TextVisual Studio Codeですが、持っていなければメモ帳やノートパッドでもOKです。

 

3. style.cssを作る

つづいて、style.cssを作ります。こちらも下記にコードを用意しました。

 

style.css
/*
Theme Name:(子テーマの名前)
Template:(親テーマの名前)
Version:(最新バージョンの名前)
*/

 

このファイルは少しだけ修正が必要なので、下記をご参照ください。

 

Theme Name:フォルダ名と同じ名前をつける

Template:[外観] > [テーマエディター] > [スタイルシート(style.css)]の内容をコピペ

Version:[外観] > [テーマエディター] > [スタイルシート(style.css)]の内容をコピペ

 

「Theme Name」には、最初に作った子テーマ用のフォルダ名と同じ名前を書きましょう。

フォルダ名をsample-childにしたなら、「Theme Name」もsample-childにします。

 

「Template」と「Version」は、親テーマのstyle.cssに書かれた内容を記載します。

WordPressの管理画面から、[外観] > [テーマエディター] > [スタイルシート(style.css)]と進み、そこの記載に合わせてください。

3. style.cssを作る

 

書き換えが終了したら、style.cssとしてファイルを保存します。

 

4. 子テーマをアップロードして有効化

functions.phpとstyle.cssを最初に作ったフォルダに保存し、.zip形式で圧縮します。

あとは、この圧縮ファイルをテーマ手動インストールの手順に沿って、WordPressにアップロードし有効化すれば、子テーマが使えるようになります。

 

スポンサードサーチ

まとめ:WordPressの子テーマは後からでも作れます

まとめ

本記事は以上です。

WordPressでブログをやるなら、子テーマは必ず使いましょう。

その理由をもう一度おさらいしておきます。

 

  • 子テーマを使えば、エラー対処しやすくなる
  • 親テーマをアップデートしても、編集内容が消えない

 

親テーマを使い続けるのはリスクしかないので、この機会に子テーマ作りをどうぞ。

「もう親テーマを使って時間が経っちゃってるよ…」という人も、今からでも遅くありません。

下記の記事を参考に、後から子テーマを作る際の注意点を確認しつつ、今すぐ対応をどうぞ。

» WordPressの子テーマを後から追加する方法と注意点を解説【今からでも遅くない!】

おわり。