WordPress子テーマの作り方

LIQUID PRESS INFORMATION
WordPressの子テーマの作り方についてご紹介します。
LIQUID PRESS テーマでは、簡単に子テーマを作成してカスタマイズすることができます。

対象テーマ

子テーマ作成のメリット

子テーマで作成、編集した内容は、親テーマをアップデートしても引き継ぐことができます。 (元のテーマを直接編集すると、アップデートの際に編集内容が引き継がれません。)
レイアウト変更や独自機能の追加、翻訳ファイルの変更など、テンプレートファイルをカスタマイズする場合におすすめです。

なお、LIQUID PRESS シリーズでは JavaScript/CSS は、 カスタムヘッダー機能で追加することもできます。

子テーマのサンプル

LIQUID PRESS シリーズの子テーマのサンプルです。
下記マニュアルの赤字の部分を利用中のテーマ名に置き換えてご利用ください。

» ダウンロード

子テーマの作り方

1. 子テーマの構成

子テーマは下記のようなディレクトリ構成になります。

  • liquid-corporate-child
    • style.css
    • functions.php
    • screenshot.png
    • カスタマイズしたいファイル

liquid-magazine テーマの子テーマを作成する場合は、liquid-magazine-child というフォルダ名にします。
子テーマの名前は、-child とすることが推奨されていますが、変更することも可能です。

2. style.css

子テーマの style.css を編集します。子テーマの定義と、スタイルを指定します。
ポイントは下記の2点です。

  • Theme Name: - 子テーマの名前を指定(空白OK)
  • Template: - 親テーマの名前を指定(空白NG)
@charset "utf-8";
/*
Theme Name: LIQUID CORPORATE Child
Theme URI: https://lqd.jp/wp/
Description: LIQUID PRESS THEME
Author: LIQUID DESIGN
Author URI: https://lqd.jp/
Template: liquid-corporate
Version: 9999
*/
/* Child Styles */

3. functions.php

子テーマの functions.php に追加したい関数があれば編集します。
編集の必要がなければサンプルのまま利用します(※親テーマのものとは異なります)。

LIQUID PRESS シリーズでは、下記の関数を子テーマで上書きすることができます。カスタマイズされたい場合は変更することが可能です。
LIQUID PRESS 子テーマで上書きできる関数

4. テンプレートのカスタマイズ

カスタマイズしたいテンプレートファイル(.php)があれば、親テーマからコピーして編集し、子テーマのディレクトリに配置します。 子テーマのファイルが優先して読み込まれるようになります。カスタマイズしないファイルはコピー不要です。

LIQUID PRESS シリーズテーマは、多言語化(国際化/i18n)に対応しています。 翻訳ファイル(日本語表記)は「languages」フォルダに格納されています。 編集方法は、Poeditの使い方をご覧ください。

子テーマのアップロード

FTPソフト等で、下記サーバディレクトリに子テーマのファイルをアップロードします。

/wp-content/themes/liquid...

または、子テーマのフォルダをZIP圧縮し、下記管理画面からZIPを選択してインストールします。

WordPress管理画面>外観>テーマのアップロード

子テーマの有効化

WordPress管理画面>外観 から子テーマを有効化します。
以上で完了です。

公式ドキュメント

WordPress子テーマについて詳しくは、WordPress公式ドキュメントもご参照ください。
子テーマ - WordPress Codex 日本語版(公式マニュアル)

ご注意

※カスタマイズについてはサポート対象外とさせて頂いております。予めご了承ください。
※子テーマでのカスタマイズには、HTML/CSS/PHPなどの知識が必要です。
※カスタマイズしたテンプレートについて、親テーマで更新があった場合、手動で更新(4.の手順)を行ってください。
※親テーマの更新を行った場合、子テーマのVersion表記も更新してください。

開発状況の公開

LIQUID PRESS では、GitHubにてテンプレートの開発状況および更新履歴を公開しています。
オープンな開発を行い、コミュニティなどからの貢献を受け取りやすくし、ユーザーさまにフィードバックしていきたいと考えております。
https://github.com/lqdjp/liquid-press/issues

LIQUID PRESS

» 使い放題 » テーマ一覧

PageTop