今回は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の使い方10-3

今回は Divi の各種モジュールのうちから、動画モジュールと動画スライダーモジュールについて図解したいと思います。 動画と動画スライダーモジュール Diviの使い方10-3...
divi-lesson8-1-logo

Divi レッスン8 テーマのカスタマイズ1 子テーマを作成する方法

今回から複数回にわたって、テーマのカスタマイズ、オプション設定について解説します。まず、Divi のテーマをカスタマイズする前に、子テーマ(Divi Childe...
divi-lesson3-3-logo

ワードプレス Diviの使い方3 レイアウトを使ったWebページ作成3

今回は Divi のレイアウトライブラリを使ったサイト( Webページ...
divi-lesson6-logo

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

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

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

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

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

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

Pin It on Pinterest