お問い合わせフォームカスタマイズ例

2017.07.05 2017.11.16

Webサイトでお問い合わせを作成したい場合には、Contact Form 7というプラグインを利用することを推奨しております。

Diverでお問い合わせを作成した時の表示例です。
参考お問い合わせ

　下記のHTMLは、上記プラグインにて作成されたコードを装飾したものです。クラス名等を合わせると、Diverのスタイルが適用されます。

<div class="contact">
<div class="name">
<div class="form_title">お名前<span>必須</span></div>
<div class="form_area">[text* your-name]</div>
</div>

<div class="address">
<div class="form_title">メールアドレス<span>必須</span></div>
<div class="form_area">[email* your-email] </div>
</div>

<div class="title">
<div class="form_title">題名</div>
<div class="form_area">[text your-subject] </div>
</div>

<div class="message">
<div class="form_title">メッセージ本文</div>
<div class="form_area">[textarea your-message] </div>
</div>
[submit "送信"]
</div>