【問い合わせフォームプラグイン・ContactForm７のカスタマイズ】
このブログではYouTube動画で分かりにくいかなといった内容を補足していきます。
皆さんこんにちは、napです！
今回はContact Form 7の詳しい設定方法です。
とりあえず、動画内で言われた過去２回の動画リンク張りますね。
Contact Form 7のインストールとGoogle ReCAPTCHA設置
【無料で簡単にホームページ作成 #4】ワードプレスのプラグインって何？良く使うプラグイン3選！
https://www.ruscello-web.com/wordpress_free_4/
ContactFoam7をインストールした回↑と
Contact Form7にリキャプチャを設定した回↓だね♪
【無料で対策！！迷惑メールがとまる】Contact Form 7にreCAPTCHAを設定してみよう！
https://www.ruscello-web.com/contactform7-recaptcha/
今回は、入力項目の追加をしましたが、補足で説明を少しだけしていきます。
フォームタブの中の設定で、オレンジの四角で囲まれているメニュー（挿入後は英語表記）の役割です。
・テキスト（text）
→ 手入力を行う項目。基本的には１行のみの入力項目を指す
名前とか住所とか
・テキストエリア (textarea)
→ 手入力を行う項目。基本的には２行以上の入力項目を指す。
備考とか要望とかのところ
・チェックボックス (checkbox)
→ 選択項目を選択させる □ を表示させる機能。
複数選択させるときに使用。
・ラジオボタン(radio)
→ 選択項目を選択させる 〇 を表示させる機能。
１つだけ選択させるときに使用。
・ファイル(file)
→ ファイルを添付させる項目。動画内説明有り。
・クイズ(quiz)
→ 本当にクイズが出題される。
答えが正解でないと入力内容を送信できなくしたりする。
スパム対策かな？使ったことないです。
重要な情報をクイズにして、
プレゼント応募とかに使えそうかも？
さて、動画で使用した項目です。
注意点は大きく２つです。
①必須項目の作成について
必須項目を作った際は、必ず必須項目であることを明示するようにしてください。
（赤文字とか”必須”と表示するとか）
確かに～！
必須じゃないって入力省いて、
最後にエラー出てきたらイラっとくるもんね！
で、動画内で「｜」のことをスラッシュとか言ってましたし、
字幕じゃ縦スラッシュとか書いてありましたが
「｜」は”パイプライン”、または
”バーティカルバー (vertical bar)”と言います。
キーボードだと右上の「￥」と「Shift」キーを同時押しすれば出ますよ。
あうち （泣）
ご、ごめん。。。
えーん、知らなかったよ、初心者過ぎて！
で、設置後のContactForm７の設定項目は大きく４つくらいです。
がんばりましょー。
最後に言ってたポイントです。
管理画面のContactForm７のメニューからきちんと詳細を設定して、
そのContactForm７を固定ページに埋め込む。
で、その固定ページのハイパーリンクをたどったWebサイト上のページ、
そちらの表示を確認しながら作業を進めていく。
・・・プレビュー見ながら設定しろ！！！ということです。
この回はね、ちょっとKも泣きそうになったよ！
一つ一つ整理して、ゆっくりね♪
次の記事【無料で簡単にホームページ作成 #7】ファビコン設定方法解説。シンボルマークを追加してアピールしよう！へ
