こんにちは! るーしーです。
今回は「WordPress(ワードプレス)のテーマLightning(ライトニング)の子テーマを3分で設定する方法」についてです。
むしろ今まで手を付けずにいてすみません。
今回調べてみた所、Lightning(ライトニング)を作っている株式会社ベクトルさんがLightning(ライトニング)のホームページで「子テーマ」の素材を一式配布しておりました。
有難く使わせていただこうと思います。
勿論今回も【初心者向け】で簡単に出来る手順なのでぜひ試してみてください。
「子テーマ」とは
ざっくりとした説明になりますが、
「子テーマ」は親テーマの設定を引き継ぎ(継承)ます。
そのため、(設定以外)何も定義されていない「子テーマ」を使用しても親テーマの定義はそのまま使用出来ます。
「子テーマ」を使うメリット
「子テーマ」へ(デザイン等の)独自の設定をする事が出来ます。
もちろん親テーマにも出来ますが親テーマがアップデートされると独自に追加した設定は全て無くなってしまいます。
開発者側から見ると皆さん一人一人がカスタマイズした部分を把握したり管理するすべがないので仕方ありませんね。
ですので、カスタマイズなど変更点は「子テーマ」で管理する事により親テーマがバージョンアップされた場合でも変更点を保持出来ます。
「子テーマ」の設定手順
では実際に「子テーマ」の設定手順を紹介していきます。
前提
・WordPress(ワードプレス)のテーマはLightning(ライトニング)を使用している事
「子テーマ」素材をダウンロード
１：株式会社ベクトルさんの「子テーマ」ダウンロードページへ
２：子テーマカスタマイズサンプルをダウンロード
「lightning_child_sample_v_0_1_2.zip」がダウンロードされます。
保存場所はとりあえずデスクトップとかでOKです。
「子テーマ」素材の使用準備
ダウンロードしたサンプルファイルを使用する準備をします。
実はこのまま使うと「子テーマ」の名前がサンプルのまま表示されあまり美しくありません。
１：「lightning_child_sample_v_0_1_2.zip」を解凍
・解凍前
ダブルクリックで解凍されます。
・解凍後
２：解凍したフォルダを開く
・中身
1:_module_loop_event.php
2:_sidebar-event.php
3:functions.php
4:style.css
３：「style.css」を開く
開くとこのような記述がされています。
４：「style.css」の「Theme Name」を編集
・編集前
「 Lightning Child Sample」
・編集後
「 Lightning Child」
これでWordPress(ワードプレス)の管理画面上でも「Lightning Child」と表示されます。
その他の表示をさせたい場合はここに表示させたい内容を記述してください。
５：「style.css」を保存して閉じる
６：フォルダ名を変更する
・変更前
「lightning_child_sample」
・変更後
「lightning_child」
７：「lightning_childフォルダをzipファイルに圧縮する
厳密にいうとWordPress(ワードプレス)の管理画面表示にこのファイル名は関係ありません。
しかしFTPソフト等でこのファイルが保存される場所を見るとファイル名まで見えますので「sample」と付いているとあまり良く無いです。
これで「子テーマ」素材の使用準備は完了です。
「子テーマ」を有効化する
WordPress(ワードプレス)の管理画面から素材のアップロード～有効化まで説明します。
１：WordPress(ワードプレス)の管理画面にログイン
http://(ドメイン)/wp-admin
２：「外観」→「テーマ」をクリック
３：「新規追加」をクリック
４：「テーマのアップロード」をクリック
５：「ファイルを選択」をクリック
６：「lightning_child.zip」を選択し「開く」をクリック
７：「今すぐインストール」をクリック
インストールが完了するとこのような画面が表示される。
８：「有効化」をクリック
「新しいテーマを有効化しました。」と表示されればOK。
以上で「子テーマ」の設定は完了です。
お疲れ様でした！！
WordPress(ワードプレス)の管理画面「外観」→「テーマの編集」を見ると「lightning_child」が出来ています。
親テーマの「style.css」にカスタマイズを記述していた場合は「子テーマ：lightning_child」の「style.css」に書き換えましょう。
まとめ
いかがでしたか？
これでテーマのアップデートがされる度に、
「あ、またstyle.cssを書き直さないと」
という手間が無くなります。
少しの手間はかかりますが今後の事を考えると断然「子テーマ」を使用した方が良いですね。
ずぼらな私は反省です。
今後もやっておいた方がいいなというものがあればどんどん紹介していきます。
スポンサーリンク
