WordPress サイト制作、管理などで参考になるサイト紹介 初心者ワードプレスの疑問
前回にお伝えした【 WordPress お勧めプラグイン Contact Form 7 設定方法】で、「お問い合わせ」ページを作成する手順を説明いたしました。
今回は、プラグイン Contact Form7 を使って「お問い合わせ」ページを更にパワーアップする、カスタマイズする方法をご紹介します。プラグインのメリットデメリットも含めてお伝えしていきます。
お問い合わせページの特徴
Contact Form 7の編集画面を確認します。
今回はフォームの追加、新しい質問項目を作成方法について解説します。
では「テキストフォーム」を実際に追加していきます。
① フォームを編集する
管理画面(ダッシュボード)の左メニュー「お問い合わせ」クリック →
「コンタクトフォーム1」クリック →
フォームのテキストフォームを入力する箇所にカーソルを入れる →
上の青枠の「ラジオボタン」をクリック する
② コンタクトフォーム項目追加編集
「フォームタグ生成:ラジオボタン」の入力ボックス が表示されます。
「名前」に「gender」と入力 →
「オプション」に「男性」と入れてから改行して「女性」と入力する →
「タグ挿入」ボタンをクリック する
③ メッセージ本文を編集
「フォーム」 の中に自動で [radio gender default: “男性” “女性”] が挿入されます.
これがラジオボタン設定のタグになります。
④ 必須項目にしたい場合
自動挿入された [radio gender default: “男性” “女性”] の前にカーソルを入れる→
「性別 (必須)」と入力→
最初に<label> 、最後に </label>を入力する
*「<label>性別 (必須) [radio gender default: “男性” “女性”]</label>」で囲うのは、他の既に入力されているフォームを参考に行いましょう
⑤ メール設定
上のタブ「メール」クリック →
「メッセージ本文」→
性別:[gender] と加筆します →
下の「保存」をクリック
*フォームに加筆や編集したら、必ずメールの「メッセージ本文」も編集して下さい
⑥ 問い合わせフォームを試して送信する
管理画面(ダッシュボード)の左メニューの固定ページ →
「お問い合わせ」ページを表示する →
右上の「プレビュー」クリック →
フォームに必要事項を記入する →
送信ボタンクリック → 送信メッセージが下に表示される →
自分が設定したメールアドレスにフォームからメールが届いているか確認
他にも、「電話番号」「日付」「ドロップダウンメニュー」「チェックボックス」などが簡単に設定出来ます。
Contact Form 7 で問い合わせページの設定やカスタマイズをして、管理運営者にとって、更に訪問客に親切なサイトにしましょう。
◉次回は WordPress プラグインの選び方と注意点! です。