wordpressのメールフォームと言ったら、Contact Form 7が有名ですね。
利用されている方も多いかと思います。
今回は、そのContact Form 7を使ったメールフォームのテンプレートをご紹介します。

Contact Form 7側（フォーム内の部分）の設定はいずれも下記になります。

<div class="cp_cf7name">[text* cp_name placeholder "name"]</div>
<div class="cp_cf7email">[email* cp_email placeholder "email"]</div>
<div class="cp_cf7telephone">[tel cp_telephone placeholder "telephone"]</div>
<div class="cp_cf7subject">[select cp_subject first_as_label "Please select" "subject1" "subject2" "subject3"]</div>
<div class="cp_cf7textarea">[textarea cp_textarea placeholder "textarea"]</div>
<div class="cp_cf7submit">[submit "submit"]</div>

*フォームはデモモードになっていますので送信はされませんが、エラーのチェックは可能です。
*サンプルの必須項目は「Name」と「email」です。

インストールや基本的な使い方については、下記をご参照ください。

Contact Form 7のインストールについて

Contact Form 7 | WordPress.org

…

ja.wordpress.org

ホームページを見る

Contact Form 7の使い方

使い方 | Contact Form 7 [日本語]

…

contactform7.com

ホームページを見る

The post コピペでできる！cssとhtmlで作るContact Form 7を使ったメールフォームセット 4選 first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.

フォームはサイトにはかならず必要になってくるアイテムですが、わかりやすく間違えにくいものにしたいですよね。
cssとhtmlのみで作るいい感じのメールフォームセットをご用意しました。
メールフォームのデザインベースなどにお使いください。

The post コピペでできる！cssとhtmlのみで作るいい感じのメールフォーム　4選 first appeared on コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。.