今回は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-lesson4-logo

ワードプレス Diviの使い方4 背景設定と新機能 Dividers

Divi は Web ページの背景を編集過程をリアルタイムに確認しながら編集することができます。背景の設定はセクション、行、モジュールのそれぞれで設定できます。さらに、セクションの背景では新たに「...
divi-lesson2-logo

ワードプレス Diviの使い方2 固定ページの作成チュートリアルツアー

Divi 入門講座の第2回目として、 今回は Divi...
divi-lesson5-2-movie

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

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

ワードプレス Diviの使い方 7-2 イラストの形にグラデーション画像を表示する

前回は文字の形に画像を切り抜いて表示させましたが、今回はイラストの形にグラデーション画像を切り抜いてみましょう。Divi Builder...
divi-lesson5-3-youtube-logo01

DiviでYouTubeを表示する Diviの使い方5の3

Divi は YouTube 動画も簡単にサイトに設置できるように作られています。今回はその設置方法を図解したいと思います。Diviの使い方5の3 Divi で YouTube を表示する...

Divi モジュールの使い方7 投稿タイトルと投稿ナビゲーション

今回は Diviの各種モジュールのうちから「投稿タイトル」と「投稿ナビゲーション」のモジュールの使い方について、Divi初心者向けに図解したいと思います。Divi モジュールの使い方7...

Pin It on Pinterest