《WordPress》テーマの編集と子テーマのつくり方

WordPressでブログを思った通りにつくろうと思うと、どうしても「テーマの編集」に手を出す必要が出てきます。
ですが考えなしに「テーマの編集」を弄ってしまうと、最悪ブログが消えかねません。
そこで「テーマの編集」のメリットや、危険性とその対処法を解説します。




「テーマの編集」とは?

「テーマの編集」ではブログのすべてを設定できます。

フォントサイズや見出しなどのCSSの設定から、広告の常時表示・ウィジェットの追加といったブログ機能の追加など、ブログを構成するすべてがここで設定できます。

最初は無料インストールのテーマを使っていても、「もう少し見映えを良くしたい」「機能を追加したい」と感じるようになると思います。
そんな風になったら、ここを弄っていくことになります。

設定方法は「ダッシュボード」の「外観」→「テーマの編集」で設定画面に行けます。


表示されるのは今使っているテーマですが、別のテーマを参照したいときは右上の「編集するテーマの選択」でできます。

「テーマの編集」の危険性

「テーマの編集」で一番気をつけないといけないのが、間違った設定で保存してしまうこと。
この間違った設定とは大事な部分を変更、あるいは消してしまうことをいいます。

プログラム上で書き方に問題なければすんなり保存されてしまうので、そのことに気づかないまま、最悪ブログ自体が真っ白に表示されてしまいます。

他にも情報量が膨大なので、過去にどこを変えたのかわからなくなる危険性があるため、オリジナルのテーマを直接弄るのは危険です。
これを解消するために「子テーマ」をつくり、それを編集するのが一般的です。

「子テーマ」とは?

今使っているテーマを「親テーマ」といい、それに設定を追加編集するためだけのテーマを「子テーマ」といいます。
基本となる親テーマを弄ることなく、子テーマに書いた設定を追加して表示する、といった方法です。

こうしておけば、ブログの元になっている親テーマを傷つけずに設定を追加することができます。
もし間違った設定をしてしまっても、子テーマの変更した部分を消してしまえばブログを元通りにできますし、自分がどこを・どれだけ設定し直したのかわかるので、後々の作業もラクになります。

「子テーマ」の作成方法

子テーマを作成するにはダッシュボードの「外観」→「テーマ」で子テーマのフォルダをアップロードする方法と、サーバーにアクセスして作成する方法があります。

子テーマをアップロードする方法

この方法はWordPress画面から行うものです。
サーバーの管理画面を通さずにアップロードするので、「サーバーにアクセスできない」なんて状態でもできます。

①子テーマのフォルダを作成

まずは子テーマのフォルダをつくります。
適当なところで「親にするテーマ名-Child」なんて名前のフォルダを作成します。(例:Twenty Sixteen Child)
次にフォルダ内にメモ帳などのテキストエディタで「function.php」と「style.css」をつくります。

「function.php」と「style.css」は、「名前をつけて保存」でファイルの種類を「すべてのファイル」に設定してから末尾に「.php」「.css」と入れればつくれます。

「fanction.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' );
wp_enqueue_style( 'child-style',get_stylesheet_directory_uri() . '/style.css',
array('parent-style')
);
}

「style.css」には

/*
Template: 親テーマ名
Theme Name: 親テーマ名 Child
*/

と書いて下さい。
これで子テーマのフォルダはOKです。

②アップロードする方法

まずはつくったフォルダをzip形式で圧縮します。

次にダッシュボードの「外観」→「テーマ」画面を表示します。
画面が表示されたら「新規追加」からアップロード画面に映り、「テーマのアップロード」で圧縮したフォルダを選択すればテーマが追加されます。

最後に追加した子テーマが有効になっているか確認して完了です。

サーバーで作成する方法

こちらは自分がレンタル契約しているサーバーの管理画面を通して子テーマを作成する方法です。
間違った子テーマをつくってしまった場合でも、この方法なら削除できます。

①サーバーへアクセスする

ブログのサーバーへアクセスするには「FTPソフト」を使います。
「FTP」とは「File Transfer Plotocol」の略で、サーバーとのデータ転送をするためのプロトコルです。
まあサーバーとデータのやり取りする方法とでも思ってください。

まずは自分が使っているサーバーの管理画面で「FTP」などとついているものを探します。
※私の場合は「ロリポップ」サーバーを使っています。

もしFTPの機能がついていなかった場合、「FileZilla」「Cyberduck」「FFFTP」といったソフトをダウンロードする必要があります。

②サーバー内でフォルダ作成

サーバーのデータ管理画面が表示されたらフォルダ名「dmain」→「wp-content」→「themes」と進み、子テーマをつくれるところに移動します。

移動したら「新規フォルダ作成」で子テーマを入れるフォルダをつくります。
「親にするテーマ名-Child」なんて名前のフォルダを作成してください。(例:Twenty Sixteen Child)

フォルダをつくったらその中に「新規ファイル作成」で「function.php」と「style.css」をつくります。

内容は先ほどの「アップロードする方法」で書いたのと同じです。

つくり終わったら、WordPressに戻って子テーマが表示されているか確認して、有効化して終わりです。

子テーマのテーマ編集

子テーマをつくってしまえば、あとは「テーマの編集」でどんどん編集できるようになります。

「single.php」などを編集したい場合、子テーマのフォルダに親テーマの「single.php」をまるごとコピーしてくる必要があります。

こんな感じで編集したいphpファイルだけを子テーマにつくっていけば、自分がどこを弄っているのかわかりやすくなります。

最後に

ブログをしていると、どうしてもテーマの編集をする機会が出てきます。
子テーマをつくるのは面倒ですが、一度つくってしまえばあとは気兼ねなく編集作業が出来るようになるので、物怖じせずにつくってみましょう!