今回はDivi で子テーマを作成する方法の3つ目としてプラグインを利用する方法を図解します。複数のプラグインがありますが、その中から今回は「Divi Children」をインストールして利用することにします。Divi Children には専用のカスタマイズ機能が用意されていて、より便利にDiviを利用することができます。

Divi 用の子テーマ作成プラグインを利用する Diviの使い方8-1-3

1.「Divi Children」を利用して子テーマを作成する

Divi Children は Divi for you の作成している Divi 子テーマ作成用のプラグインになります。Divi の公式サイト Elegant Themes の Divi 子テーマ作成の解説ページで紹介されているプラグインでもあります。

1)Divi Children をダウンロードする

Divi Children をインストールするには、まずプラグインファイルをダウンロードしなければなりません。下記のサイトにアクセスします。

https://divi4u.com/divi-children-plugin/

 

サイトにアクセスしたら、ずっと下の方の下記の部分にダウンロードリンク「Download Now!」がありますので、それをクリックし、プラグインのZipファイルをダウンロードします。

2)プラグインにアップロードしインストールする

プラグインを利用できるようにするには、ワードプレスのプラグインにアップロードする必要があります。

plugin-add-menu-plug-in「プラグイン」>「新規追加」をクリックします。
「プラグインのアップロード」をクリックします。
「ファイルを選択」をクリックします。
「divi-children」を選択します。
plugin-install「今すぐインストール」をクリックしてインストールします。

3)Divi Children を有効化する

Divi Children を有効化し使えるようにします。

「プラグインを有効化」をクリックします。

4)Divi Children で子テーマを作成する

Divi Children で子テーマを作成するには、

「外観」>「Divi Children」をクリックします。
  • Theme Name
  • Theme URL
  • Version
  • Description:説明
  • Auther:著者
  • Auther URL

を必要であれば変更し、「Create Divi Child Theme」をクリックします。

「Your child theme was successfully created」と表示され、子テーマを利用できるようになります。
「You can activate it now in the Themes Manager」をクリックして、テーママネージャーに飛びます。

5)作成した子テーマを有効化する

子テーマを有効化するには、テーママネージャーで、作成した子テーマの、

「有効化」をクリックします。

6)Divi Children で作成した子テーマには追加の機能がある

Divi Children で作成した子テーマには追加で Divi のカスタマイズ設定を行える機能があります。

divi-theme-customize「外観」>「カスタマイズ」をクリックします。
子テーマ用に新たなメニューが加わっています。
pc_writer_oldman_150_01

子テーマ作成プラグインを利用すると、簡単に子テーマを作成することができます。また、追加のカスタマイズメニューができる点も有効です。

続いて、外観のカスタマイズをしてみましょう。

ワードプレス Divi の使い方8 外観のカスタマイズ2 サイトの文字の大きさを変える

ワードプレス Divi レッスン Diviの使い方図解

写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。こちらは、ワードプレステーマ Divi に関連する記事の目次ページとしています。なるべく図を用いて簡単に説明するようにしています。参考にどうぞ。

Divi用の子テーマ作成プラグインを利用する Diviの使い方8-1-3

今回はDivi で子テーマを作成する方法の3つ目としてプラグインを利用する方法を図解します。複数のプラグインがありますが、その中から今回は「Divi...
divi-lesson5-2-movie

ワードプレス Diviの動画利用方法 Diviレッスン5-2

今回は Divi で作成しているサイトに動画を設定する方法について図解します。Divi...
divi-lesson8-3-logo

ワードプレス Diviの使い方8 外観のカスタマイズ3 色を変える方法

今回はサイトの色を変える方法を解説します。Divi では複数の方法で色を変えることができます。Divi の使い方8 外観のカスタマイズ3 色を変える方法 4.カラースキームでサイト全体の色を変える...
divi-lesson6-logo

ワードプレス Diviの使い方6 設定でデザインできる共通項目と固有項目

Divi Builder の設定のデザインタブで設定できる項目として、セクションの Dividers...

Diviモジュールの設定方法8 トグルとアコーディオン

今回は Diviの各種モジュールのうちから「トグル」と「アコーディオン」のモジュールの使い方について、Divi初心者向けに図解したいと思います。 Diviモジュールの設定方法8...

Diviの使い方10-5 お問い合わせフォームモジュールの利用方法

今回は Divi の各種モジュールのうちから、お問い合わせフォームモジュール(Contact Form)について図解したいと思います。 Diviの使い方10-5...

Pin It on Pinterest