経験を伝えたい

自衛隊、ニート、浪人、大学、起業、挫折、趣味など自分の経験したことを書いていきたいと思います。

初心者向け ワードプレスで子テーマを作る  Child Theme Configurator Lightning

子テーマ

子テーマは、ワードプレスの機能やスタイルを引き継ぎカスタマイズするテーマです。
テーマを自分好みにカスタマイズする場合子テーマがあると非常に便利です。
 
また、プラグインを使うと、簡単に子テーマを作成することができます。子テーマを作成できるプラグインはたくさんありますが今回は「Child Theme Configurator」を使いたいと思います。
 
 

Child Theme Configuratorを使って子テーマの作成!

今回のテーマはLinghtningを使います。

 

 

 

プラグインで『Child Theme Configurator』をインストール&有効化します

なおこのプラグインは本体に関する設定はないので有効化のあと即利用可能です。

f:id:tsukyu:20181020202138p:plain

 

 

子テーマ作成前の準備

・Child Theme Configuratorをインストール&有効化済み

・子テーマを作成したいテーマがインストール済み

 

以上のことができていれば準備OKです

 

 

 

次に『ツール』→『Child Themes』 を開きます。

f:id:tsukyu:20181020202145p:plain

 

 

 

 

 

 

開きましたら、次の画面が出るので②のAnalzeを押しますと次の画面が出ます。

⑥のUse the WordPress style queueを選択します。

 

f:id:tsukyu:20181020202201p:plain

f:id:tsukyu:20181020202212p:plain

 

 

 

 

 

 

最後に⑨のConfigure Child Themeを押せば準備完了です。

f:id:tsukyu:20181020202215p:plain

 

 

 

 

 

それでは次に子テーマを追加していきたいと思います。

『外観』→『テーマ編集』へ

f:id:tsukyu:20181020202428p:plain

 

 

 

『新規追加』を押します。

f:id:tsukyu:20181020202440p:plain

 

 

 

次にファイル選択を行います。

f:id:tsukyu:20181020202441p:plain

 

 

 

 

 

以下のリンクから、画像のようなZIPファイルをダウンロードしてください。

▶︎子テーマでのカスタマイズ | 設定ガイド | Lightning - シンプルでカスタマイズしやすいWordPress.org登録無料テーマ -

 

f:id:tsukyu:20181020203738p:plain

 

 

ダウンロードしますと以下のようなファイルがダウンロードされます。

f:id:tsukyu:20181020204031p:plain

 

 

 

このzipファイルを先ほどのファイルを選択するで選択します。

f:id:tsukyu:20181020202441p:plain

 

 

そうしますと、『外観』→『テーマ編集』から以下のように子テーマが編集できるようになりますので、ぜひカスタマイズしてみてください。編集するテーマが『Lightning Child』になっていることも合わせて確認してみてください

f:id:tsukyu:20181020204328p:plain