「Contact Form 7」の設定方法 -1- （フォームの設定） | 【岐阜・名古屋ウェブサイト制作】デザイン事務所BRIDGE | BRIDGE -ブリッジ-

「Contact Form 7」の設定方法 -1- （フォームの設定） | 【岐阜・名古屋ウェブサイト制作】デザイン事務所BRIDGE

2017.07.27

こんにちは。

先日「お問い合わせ」機能についてご紹介しました。

そこで紹介したプラグイン「Contact Form 7」の設定方法について説明していきたいと思います。

まずは「Contact Form 7」をインストール！

すると、ダッシュボードのサイドメニューに『お問い合わせ』という項目が加わります。

こちらの「新規追加」をクリック！

このような画面になります。

コンタクトフォームのタイトルを入力しましょう。

（これはホームページ上に反映されるわけではないので、自分でわかるように好きな名前をつければOKです。）

入力画面が４つありますね。

「フォーム」「メール」「メッセージ」「その他の設定」

今回は「フォーム」について解説します。

ウェブサイト上に設置されるコンタクトフォームの設定をする場所です。

入力欄上のボタン（テキスト、メールアドレス、URL、、、など）をクリックすると、

入力項目やチャックボックスなどを追加することができます。

項目タイプ：入力を必須にするかどうかを決めます

名前：自動的に割り振られます。編集しても良いです。

デフォルト値：入力前にうっすら入力例として記入してあるテキストを設定できます。

ID属性・クラス属性：cssを編集する際、こちらでIDやクラスを設定できます。

このようにして一つずつ設定し、タグを追加していくと、入力欄やチェックボックスなどを自由に組み合わせて、コンタクトフォームを作成することができます。

ここでつけた「名前（text-35など）」は、メール・自動返信メールの設定をする際必要になります。

名前はかぶらないように設定しておきましょう。

次回はメール・自動返信メールの設定について解説していきたいと思います。