今回は Divi の各種モジュールのうちから、お問い合わせフォームモジュール（Contact Form）について図解したいと思います。
Diviの使い方10-5 お問い合わせフォームモジュールの利用方法
ここではお問い合わせフォームモジュールの設定について図解します。各モジュール設定のうち、デザイン設定の共通項については下記を参照ください |  |
お問い合わせフォームモジュールを利用する
「お問い合わせフォームモジュール」はサイトの連絡先として利用できるコンタクトフォームを表示させたいときに使用します。
１）お問い合わせフォームモジュールを追加する
お問い合わせフォームモジュールを利用するには、
 | 「新たなモジュールを追加」をクリックし、 |
 | 「お問い合わせフォーム」をクリックします。 |
初期設定では、名前とメールアドレス、メッセージの入力欄だけのシンプルな構成です。また、数字ベースの Captcha が表示されます。
２）お問い合わせフォームモジュールのコンテンツ設定
画像モジュールではコンテンツに下記を設定できます。
- 新規フィールドを追加
- テキスト
- Eメール
- 要素
- 転送
(1) 新規フィールドを追加する
新規フィールドを追加では、利用者に入力させるための複数のフィールドを追加できます。また各フィールドに表示条件を設定することも可能です。初期設定では、Name 、 Email 、 Message のフィールドが設置されています。
 | フィールドを追加するには「新規フィールドを追加」をクリックします。 |
① 新規フィールドのコンテンツのテキスト
 |
|
② 新規フィールドのコンテンツのフィールドオプション
フィールドオプションでは、追加するコンテンツの種類がなんであるのかを設定します。下記の種類より選択が可能で、選択した種類によって動きが変わります。
 |
|
チェックボックス、ラジオボタン、ドロップダウンメニューについては、複数の値を設定可能となる。下記にチェックボックスの例を示す。
 |
|
ちなみに、フィールドの入力を必須としたい場合は、「必須のフィールド」の設定に「はい」を選ぶことで設定できます。
③ 新規フィールドのコンテンツの条件付きロジック
条件付きロジックをフィールドに設定するとことで、設定したルールに該当したときにそのフィールドを表示させるということができる。
 |
|
(2) テキスト
テキストでは下記を設定できます。
 |
|
(3) Eメール
Eメールでは下記を設定できます。
 |
|
(4) 要素
要素では Captcha の有無を設定できます。
 |
|
(5) 転送
転送ではメール送信後の動きを設定できます。
 |
|
ワードプレス Divi レッスン Diviの使い方図解
写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。こちらは、ワードプレステーマ Divi に関連する記事の目次ページとしています。なるべく図を用いて簡単に説明するようにしています。参考にどうぞ。
