今回は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の使い方 7-2 イラストの形にグラデーション画像を表示する

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

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

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

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

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

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

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

Divi モジュールの使い方4 スライダーと投稿スライダー

今回は Divi の各種モジュールのうちから、スライダーモジュールと投稿スライダーモジュール(スライダーを投稿する)について図解したいと思います。Diviの使い方10...

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

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

Pin It on Pinterest