ワードプレスのお問い合わせフォーム、初心者でも簡単な設置方法

ipad-527611_640

ワードプレスのお問い合わせフォーム、初心者でも簡単な設置方法

ブログにはお問い合わせフォームがあるといいですね。

訪問してきた読者さんがあなたに質問や、ご相談が直接できるように。

ブログによっては、記事下部分に“コメント欄”を設けているブログもありますが、コメント欄でもお問い合わせフォームでも、その方の好みです。要は、読者の方が連絡取りやすい環境を作ることが大切ですね。

のもさんは、ブログに直接やりとりが残らないほうがいいので、“コメント欄”ではなく“お問い合わせフォーム”を選びます。

今回はワードプレスのお問い合わせフォームが初心者でも簡単にできるように説明いたします。

プラグインContactForm7

お問い合わせフォームはContactForm7というプラグインで

簡単に作ることができます。

プラグインのインストール方法はこの記事をご参考にしてください。

  ↓ ↓ ↓

ワードプレスの文字の色を変えるプラグイン

順調にいけばこのようなフォームが出ます。↓↓

SnapCrab_NoName_2017-5-6_11-22-59_No-00

ContactForm7をインストールし有効化すると

ワードプレスのダッシュボードにお問い合わせの項目が追加されます。

  ContactForm7の有効化前   
SnapCrab_NoName_2017-5-6_11-42-49_No-00

   ContactForm7有効化後   

SnapCrab_NoName_2017-5-6_11-29-35_No-00

お問い合わせ➡新規追加を選びます。
SnapCrab_NoName_2017-5-6_15-42-53_No-00

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

SnapCrab_NoName_2017-5-6_15-43-15_No-00

フォーム作成

フォームの名称をつけてください。

今回は【お問い合わせ】にしました。

SnapCrab_NoName_2017-5-6_16-3-50_No-00

メール作成

次にメールに切り替えてください。

ここでは、フォームで入力された内容を送信するメールアドレズや送信方法についての設定になります。後から修正は可能ですので、今回はデフォルトのまま、修正せずに保存しました。

SnapCrab_NoName_2017-5-6_16-8-1_No-00

お問い合わせページ作成

では作成したメールフォームを使って、お問い合わせページを作ります。

今回は固定ページで作成します。

もう一度先ほどのフォーム欄に戻ってください。

ブルーのラインに箇所にショートコードがあります。

このコードをコピーしてください。

SnapCrab_NoName_2017-5-6_16-30-40_No-00

固定ページ➡新規作成

SnapCrab_NoName_2017-5-6_16-33-5_No-00

固定ページの題名を「お問い合わせ」にします。

ここは、「ご質問受付」でもなんでもいいです。お好みで。

簡単なメッセージを入力し、その下にコピーしたコードを添付してください。

SnapCrab_NoName_2017-5-6_16-38-14_No-00

ではこのページがどのように表示されているのか、確認してみましょう。

SnapCrab_NoName_2017-5-6_16-38-41_No-00

ハイ!お問い合わせ欄ができました!!

基本的なことはこれで終了です。

あとが、フォーム欄をカスタマイズすると、変化のあるお問い合わせ欄ができます。

SnapCrab_NoName_2017-5-6_16-39-36_No-00

お問い合わせをメニューバーに追加

ついでなので、お問い合わせをメニューバーに追加します。

メニューバーとは、ブログタイトルの下部分のバーです。

SnapCrab_NoName_2017-5-6_17-40-59_No-00

【外観】➡【メニューを選択】

SnapCrab_NoName_2017-5-6_17-13-31_No-00

【メニュー編集】の【新規メニューを作成】をクリック

SnapCrab_NoName_2017-5-6_17-13-49_No-00

【メニュー名】に“お問い合わせ”と入力し【メニューを作成】をクリック

SnapCrab_NoName_2017-5-6_17-14-11_No-00

①「左よりメニュー項目を追加」するよう記載してあります。

②固定ページのお問い合わせにチェックし【メニューに追加】をクリックします。

SnapCrab_NoName_2017-5-6_17-21-27_No-00

【メニュー構造】にお問い合わせが追加されたので【メニューを保存】します。

これで完成です。

SnapCrab_NoName_2017-5-6_17-26-20_No-00

まとめ

約2年前、このブログを立ち上げたときはプラグインなど、ぜーーんぜん意味が分からず、お問い合わせフォームもブログ立ち上げて2~3か月してようやく出来上がった感じでした。

当時は指導された通りに作ってたので、意味が分からずワードプレスに対する苦手意識は半端なかったです。

初心者…と言っても、全然パソコン用語を知らない初心者と、ある程度知ってる初心者では明らかにスタート時点から違います。のもさんは前者だったのです。パソコン用語で話されても意味がわからないので、必死でメモし、用語の意味を調べながら進む日々でした。

今回、別のブログを立ち上げようと思ったことをきっかけに、復習の意味もありこのブログでワードプレスの記事を更新していますが、3年前に学んだことが私自身、ようやく理解できました。

このブログを読んでくださっているあなたが、もし初心者だったら・・・。全然パソコン用語を知らない方でも、少しは知識がある方でも、とにかく継続してください。

どうしても躓いたときはいつでもお問い合わせフォームよりご連絡ください。

一緒に頑張りましょう! 

   ↓ ↓ ↓

のもさんへのお問い合わせ

スポンサーリンク
sedori-bottom
  • このエントリーをはてなブックマークに追加
スポンサーリンク
sedori-bottom