今回は Divi の各種モジュールのうちから、画像モジュールと広告モジュールについて図解したいと思います。
画像モジュールと広告モジュール Diviの使い方10-1
ここでは画像モジュールと広告モジュールに固有の設定について図解します。各モジュール設定のうち、デザイン設定の共通項については下記を参照ください |  |
１．画像モジュールを利用する
「画像モジュール」は写真や画像を表示させたいときに利用すると良いでしょう。
１）画像モジュールを追加する
画像モジュールを利用するには、
 | 「新たなモジュールを追加」をクリックし、 |
 | 「画像」をクリックします。 |
画像モジュールが追加されます。
２）画像モジュールのコンテンツ設定
画像モジュールではコンテンツに下記を設定できます。
- 画像
- リンク
(1) 画像を設定する
 | 「画像」の枠をクリックすると、表示させる画像を設定できます。 |
メディアライブラリが表示されるので、画像をアップロードし、あるいは、既存の画像を選択し、
 | 「画像をアップロードする」をクリックします。 |
 | 画像モジュールに画像が設置されます。 |
もし画像を変えたいのであれば、画像をクリックすると再度メディアライブラリが表示されます。また、表示を削除する場合は、画像上のゴミ箱のアイコンをクリックします。
(2) リンクを設定する
リンクでは下記を設定できます。
 |
- ライトボックスを開く：
画像のライトボックス表示（拡大表示）を設定 - Image Link URL：
画像のリンクを設定 - Image Link Target：
画像リンクの表示先（同じウィンドウ、新しいタブ）を設定
３）画像モジュールの詳細＞属性の設定
 |
|
２．広告モジュールを利用する
「広告モジュール」は写真や画像と一緒に文書も表示させたいときに利用すると良いでしょう。
１）広告モジュールを追加する
広告モジュールを利用するには、
| 「新たなモジュールを追加」をクリックし、 |
 | 「広告」をクリックします。 |
広告モジュールが追加されます。
２）広告モジュールのコンテンツ設定
広告モジュールではコンテンツに下記を設定できます。
- テキスト
- イメージとアイコン
- リンク
(1) テキスト
 | 「タイトル」でタイトルを、「コンテンツ」で文書やイメージを入力できます。 「メディアを追加」をクリックするとメディアライブラリが表示され、画像を設定できます。 |
(2) イメージとアイコン
 | 「画像」の枠をクリックすると、画像モジュールと同様に表示させる画像を設定できます。 |
アイコンを使用に「はい」を選ぶと、
 | 表示させる画像として様々なアイコンを選ぶことができます。 |
(3) リンク
 |
- Title Link URL：
タイトルをクリックしたときのリンクを設定 - Title Link Target：
タイトルリンクの表示先（同じウィンドウ、新しいタブ）を設定 - Module Link URL：
モジュール自体をクリックしたときのリンクを設定 - Module Link Target：
モジュールリンクの表示先（同じウィンドウ、新しいタブ）を設定
３）広告モジュールのデザイン設定
広告モジュールではデザインに下記を設定できます。
- イメージとアイコン
- テキスト
(1) イメージとアイコン
 |
|
(2) テキスト
 |
|
４）広告モジュールの詳細＞属性の設定
 |
|
ワードプレス Divi レッスン Diviの使い方図解
写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。こちらは、ワードプレステーマ Divi に関連する記事の目次ページとしています。なるべく図を用いて簡単に説明するようにしています。参考にどうぞ。
