今回は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-2 ギャラリーモジュールの利用方法

今回は Divi の各種モジュールのうちから、ギャラリーモジュールについて図解したいと思います。 Diviの使い方10-2 ギャラリーモジュールの利用方法...

Diviの使い方10 モジュールの利用1 画像 と 広告

今回は Divi の各種モジュールのうちから、画像モジュールと広告モジュールについて図解したいと思います。画像モジュールと広告モジュール Diviの使い方10-1...

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

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

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

今回は Divi を使ったサイト( Webページ )作成練習の続きとして、サイトに写真ギャラリーと、自己紹介と、連絡先情報のページを追加で作成します。ワードプレス Divi の使い方3...

Pin It on Pinterest