備忘録・WPカスタマイズ・子テーマについて（Lightnight）

ワードプレスをカスタマイズする前に必ずやるべきことがあります。
それが子テーマの設定です。

子テーマとは何か
子テーマがあるという事は親テーマもあるという事で、まず親テーマについてですが、親テーマとは既存のワードプレステーマのことです。その親テーマに属しているテーマで、機能やスタイルを引き継いだうえで編集でできるテーマのことを子テーマと言います。

なぜ子テーマが必要なのか？
なぜ、そのような手間をかけなければならないか疑問に思うと思いますが、親テーマをカスタマイズした後、アップデートがあるとカスタマイズしたデータがすべて消されてしまい、せっかく苦労して作ったカスタマイズがすべて無駄になってしまうからです。子テーマをカスタマイズすることでアップデートがあったとしてもカスタマイズしたデータはそのまま継承されたままアップデートの恩恵を受けることができます。

子テーマの設定方法
それでは、子テーマの設定方法を解説します。

１．FTPソフトを利用した方法

手順
①FTPソフトをインストールする。(補足１を参照)
②子テーマのサンプルデータを用意する。(ベクトレというサイトから取得できます。)
③サンプルデーターを編集する。（補足２を参照）
④FTPソフトでアップロードする（補足４を参照）
⑤子テーマを有効化する。

２ワードプレスの管理画面を利用する方法

手順
①子テーマのサンプルデータを用意する。 (ベクトレというサイトから取得できます。)
② サンプルデーターを編集する。 （補足２を参照）
③ワードプレスの管理画面からアップロードする。（補足５を参照）
④子テーマを有効化する。

補足１　FTPのインストール方法（Cyberduck（サイバーダック））
https://cyberduck.softonic.jp/にアクセスする。

無料ダウンロードのボタンをクリック

表示されたページでもう１回無料ダウンロードのボタンをクリック

注意　
似たようなダウンロードボタンがありますが、隅に小さく広告と書いてあればクリックしないでください。別のソフトがダウンロードされてしまいます。

左下のほうにダウンロードの表示が出てくるので、クリックするとインストーラーが立ち上がるので手順に従って進めていくとインストールが完了します。

補足２　サンプルデータの編集

ベクトレにアクセスする。

https://training.vektor-inc.co.jp/courses/lightning-customize/lessons/how-to-use-child-theme-sample/

少し下に

スクロールしたら矢印のダウンロードボタンをクリック

「 エクスプローラー 」→「 ダウンロード 」lightning-child-sample というファイルを右クリック→「解凍」→「ここに解凍」

ファイルをコピーデスクトップのWPファイルに貼り付け

lightning-child-sample を lightning-childに名前を変更

lightning-childを開きstyle.cssを開く

/*
Theme Name: lightning-child-sample ←ここを lightning-childに変更
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags:
Version: 0.5.1
*/

補足４　FTPソフトでアップロード
サイバーダッグを開く→接続をクリック→ lightning-childをドラッグ＆ドロップ

補足５　WPの管理画面からアップロードする。
【外観】>【テーマ】の「新規追加」→「テーマのアップロード」より、ZIPファイルをインストールする。
（子テーマの名前が lightning-child-sample になるのでstyle.cssファイルを直す）