【WordPress】お問い合わせフォームの簡単設置方法を画像解説WEB関連の記事を気楽に書いています。2019.01.31こんにちわ。この記事では、ワードプレスにお問い合わせフォームを設置する方法(手順)を、画像解説していきたいと思います。7(コンタクトフォーム7)というプラグインを使ったやり方が最も簡単です。今回は、シンプルでわかりやすいデフォルト設定のやり方で解説していきます。7」をインストール(有効化)お問い合わせフォーム設定(デフォルトでOK)固定ページにお問い合わせフォームを作成グローバルナビにフォームを反映(関連記事リンク)お問い合わせフォームを作成したら、グローバルメニューなどにリンクを設置しないと機能しないので意味がないですよね。7のインストールからグローバルメニューへの反映までを一気にやろうとすると、手順が多くて大変なので、ここではお問い合わせフォームの設置を解説していきます。グローバルメニューをワードプレスに設置する方法もこの後作成し、記事内にリンクを設置しておきますので、引き続き作業をされる方は参考にしてくださいね。ちなみに、フォーム設置後のグローバルメニューの設置方法は、使用されているテーマによって手順が異なると思いますが、僕は無料テーマのCocoon(コクーン)を使用しているので、Cocoonでの画像解説になります。ご了承くださいませ(__)それでは、お問い合わせフォームの設置方法を解説していきますね。7をインストール(有効化)ワードプレスのダッシュボード管理画面内のプラグインにカーソルを合わせ、新規追加をクリックします。7が表示(左上)されるので、その中の今すぐインストールをクリックします。入力後画面が変わらない場合はEnterキーをクリックしてみてください。今すぐインストールをクリックすると、インスト―ル中から数秒で有効化に変わるので、そのまま有効化をクリックします。有効化をクリックすると、ダッシュボードにお問い合わせという項目が追加されます。7」のインストールと有効化は完了です。次にフォームを設置するためのページをサイト内に作っていきます。お問い合わせフォームは、通常記事ではないので固定ページに作っておくのが無難です。先ほどのインストールで、フォーム作成用のコードが出来上がっているので、この先は固定ページにコードを貼り付けるだけの作業です。特別な設定をしなくても必要な項目が表示されます。メールなどの詳細設定は後から自由にできます。7のデフォルト設定(項目)以下はフォーム内で入力する項目一覧です。通常の連絡手段で必要な項目は、すべてデフォルトで用意されています。先ほどインストール⇒有効化でダッシュボードにお問い合わせの項目が追加されていると思います。お問い合わせにカーソルを置くと、サブメニューが表示されるのでその中のコンタクトフォームをクリックします。7の管理画面に変わります。画面を少し下にスクロールし、ショートコードという文字の下のコードをコピーしておいてください。(以下画像)コピーしたショートコードを固定ページに貼り付けるだけでお問い合わせフォームが出来上がります。7の管理画面内での作業はこれで完了です。お問い合わせフォームは投稿ページでも作成できますが、その場合、記事一覧や最近の投稿と混ざってユーザーの目に触れることになります。不具合があるわけではないですが、あえてユーザーに届ける必要はないと思うので固定ページで作成しておきましょう。固定ページにお問い合わせフォームを設置する手順ショートコードをコピーしたら、ダッシュボードの固定ページにカーソルを置き、サブメニューから新規追加をクリックします。新規の固定ページが表示されたら、まずは先ほどコピーしておいたショートコードを固定ページに貼り付けます。ショートコードを貼り付ける場所は、ビジュアルエディタ(白紙の部分)です。次にタイトル入力欄に「お問い合わせ」や「お問い合わせフォーム」など任意のページ名を入力します。ここでは「お問い合わせフォーム」としています。パーマリンクの設定は、通常の投稿ページと同じ要領で設定してください。僕は、「お問い合わせフォーム」の英訳で、「nquiry-form」と設定しました。パーマリンクは日本語でも設定できますが、英語表記のほうがよいという意見が圧倒的に多いように思います。英訳はインストールなしで使えるGoogle翻訳がおすすめです。以上でお問い合わせフォームの設置作業は完了です。お疲れさまでした^^お問い合わせフォームの確認方法お問い合わせフォームの設置が完了したので、プレビュー画面で確認してみてください。僕が今回の記事を作成しながら作成したお問い合わせフォームは、以下のように出来上がりました。こだわりがなければ、デフォルト仕様が使いやすくていいんじゃないでしょうか?お問い合わせメールの確認方法お問い合わせフォームの設置が確認出来たら、プレビュー画面から実際にお問い合わせフォームを使用してみてください。お問い合わせフォームからのメールは、ご利用のワードプレスをインストールするときに設定したメールアドレスに届きます。以下の画像は僕がワードプレスに設定しているgmailに届いたテスト送信メールです。ショートコードを貼り付けるだけでこれだけの機能が使えるのはありがたいですよね^^複数のサイトを運営していて、設定したメールアドレスが思い出せない場合は、ダッシュボードのメニューから設定⇒一般をクリックします。一般設定ページのメールアドレス項目で確認できます。ワードプレスのお問い合わせフォーム設置のまとめ今回は、お問い合わせフォームの簡単設置方法を紹介させていただきましたがいかがでしたでしょうか。サイト内にお問い合わせフォームを設置するメリットは、ユーザーの利便性が高まることはもちろんサイトの信頼性アップにも役立ちますよね。コメント欄は簡単に表示できるテーマがほとんどですが、コメントとお問い合わせでは重要性が違うようにも思いますし、アフィリエイト企業との提携にお問い合わせフォームが必須だという情報も多いですからね。7では、今回紹介したデフォルト項目以外に、ラジオボタンやチェックボックスなども追加できますが、とりあえずは、通信手段として機能すれば差し支えないと思います。それはそうとフォームを作成しても、サイト内のメニューに設定しないと何の役にもたちませんよね。この流れでサイトのメニュー作成まで一気に書くと、記事が長くなるので別記事にまとめます。問題が新たに検出されました。コメントをキャンセルメールアドレスが公開されることはありません。*サイトプロフィールこんにちわ。建築系の自営業をしている既婚者です。自分で初めて作成したホームページで少しずつ集客できるようになってきたので趣味でブログをはじめてみようと思いました。ジャンルにとらわれない自由なブログにしたいと思っています。プロフィールこんにちわ。建築系の自営業をしている既婚者です。自分で初めて作成したホームページで少しずつ集客できるようになってきたので趣味でブログをはじめてみようと思いました。ジャンルにとらわれない自由なブログにしたいと思っています。7デザインカスタマイズ【シンプル3選】2019.12.152019.12.25楽天モーションウィジェットが動かないときの対処法【スマホ最適化】2019.10.242019.11.12アドセンスポリシー違反の対処法【違反画像と修正画像公開中】2019.10.082019.12.02【画像解説】ワードプレスCocoonのコメントフォームカスタマイズ基本編2019.10.052019.12.25ワードプレスCocoonのコメントボタンのカスタマイズ8選2019.09.302019.12.25Chromeの画面が真っ白!検索出来ないときの対処方は3クリックで解決2019.08.142019.08.27トレンドネタはアクセス数を稼げるのか?初心者が無料ブログで検証してみた2019.07.042019.07.12はてなブログにGoogleアナリティクスを導入しよう【画像解説】2019.07.032019.07.27。