WordPress ブログ

【3分】WordPressお問い合わせフォームの作り方

当サイトはアフィリエイト広告を使用しています
【作業時間3分】WordPressお問い合わせフォームの作り方
WordPressブログにお問い合わせフォームを設置したいです。簡単にできる作り方を教えて欲しい!

この記事は、上記のお悩みを解決できる内容となっています。

YUTO
YUTO
「なるべく簡単な作り方」にこだわりました。

この記事でわかること

  • WordPressで簡単にお問い合わせフォームを作る方法
  • お問い合わせフォームをブログ内に設置する方法
  • お問い合わせフォームに関するよくある質問

この記事の信頼性

運営者YUTOのプロフィール

この記事を書いている僕はブログ歴・エンジニア歴15年以上で、当サイトではブログ運営に役立つノウハウを発信しています。

この記事では、WordPressブログのお問い合わせフォームの簡単な作り方を解説します。

お問い合わせフォームを設置する事で下記のメリットがあります。

お問い合わせフォームのメリット

  • サイトの信頼性アップ
  • 案件・レビュー依頼につながる
  • 企業からの仕事依頼につながる
  • アドセンス・ASPの審査に有効

これらのメリットを活かすためにも、早めにお問い合わせフォームを設置しましょう。

お問い合わせフォームの完成図は下記の通り。

お問い合わせフォーム完成図

この記事の手順通りにやるだけで、上記のようなお問い合わせフォームがたったの3分ほどで完成します。

それでは、さっそくいってみましょう!

お問い合わせフォーム作成プラグインの準備

お問い合わせフォーム作成プラグインの準備

WordPressでお問い合わせフォームを作る簡単な方法は、プラグインを使用する事です。

プラグインとは、WordPressの機能を拡張する便利ツールのことです。

お問い合わせフォーム作成プラグインはいくつかありますが、その中で最もポピュラーで利用者の多い「Contact Form 7」を使用します。

「Contact Form 7」とは?

Contact Form 7
「Contact Form 7」

Contact Form 7(コンタクトフォーム7)とは、WordPressでお問い合わせフォームを簡単に作成できるプラグインです。

利用者も多く、安心して使える優秀なプラグインです。

世界中で利用されていますが、開発者が日本人であるのも特徴です。

>>Contact Form 7 - WordPressプラグイン

「Contact Form7」のインストール・有効化

Contact Form 7のインストール・有効化の手順を解説します。

WordPressの管理画面から、「プラグイン」「新規プラグインの追加」の順にクリック。

「プラグイン」→「新規プラグインの追加」の順にクリック

検索欄に「Contact Form 7」と入力。

検索欄に「Contact Form 7」と入力し、「今すぐインストール」をクリック

検索結果の中から、「Contact Form 7」「今すぐインストール」をクリック。(富士山のロゴが目印)

インストールが完了すると、ボタンが有効化に変わるので「有効化」をクリック。

「有効化」をクリック

これで、Contact Form 7のインストール・有効化の完了です。

WordPressお問い合わせフォームの作り方【3ステップ】

WordPressお問い合わせフォームの作り方【3ステップ】

WordPressでお問い合わせフォームを作る方法は下記の3ステップでOKです。

作成から設置まで約3分ほどで完了します。

WordPressでお問い合わせフォームを作る方法【3ステップ】

それぞれ一つずつ解説していきますね。

ステップ①:お問い合わせフォームを作成

WordPress管理画面の左側のメニューから、「お問い合わせ」「新規追加」の順にクリック。

「お問い合わせ」→「新規追加」の順にクリック

コンタクトフォーム作成の画面になるので、タイトルを入力し、「保存」をクリック。

タイトルはなんでもOK。(ここでは、「お問い合わせ」としました。)

「お問い合わせ」「お問い合わせフォーム」「コンタクトフォーム」など、自分でわかりやすい名前を付けましょう。

画面下にある、フォームの部分はそのままでOKです。

それぞれ、下記の情報に関するコードとなります。

  • 氏名:送信者の氏名
  • メールアドレス:送信者のメールアドレス
  • 題名:お問い合わせのタイトル
  • メッセージ本文:お問い合わせ内容
  • 送信:送信ボタン

コンタクトフォームが作成が完了したら、ショートコードが表示されるので、コピーしておきます。

ショートコードが表示されるので、コピーしておきます

これで一つ目の手順は完了です。

ステップ②:お問い合わせページを作成

続いて、サイト内に表示させるための「お問い合わせページ」を作ります。

WordPressの管理画面の左側のメニューから、「固定ページ」「新規固定ページを追加」の順にクリック。

「固定ページ」→「新規固定ページを追加」の順にクリック

タイトルに「お問い合わせ」と入力。

本文には、右下の「+」マークをクリックし、「すべて表示」でコマンドの一覧を開きます。

タイトルを入力しコマンドの一覧を開く

一覧の中から、「ショートコード」をクリック。

一覧の中から、「ショートコード」をクリック

手順①でコピーしたコードをショートコードの欄に入力(ペースト)し、画面右上にある「公開」をクリック。

ショートコードを入力し、「公開」をクリック

これでお問い合わせページの完成です。

ステップ③:お問い合わせページをサイト内に設置

手順②で出来上がったお問い合わせページを、サイト内の好きな場所に設置すれば、すべての作業が完了です。

今回はもっとも一般的な、フッターに設置してみます。(ヘッダーメニューやサイドメニューに設置する場合も、手順は同じです。)

WordPressの管理画面の左側のメニューから、「外観」「メニュー」の順にクリック。

「外観」→「メニュー」の順にクリック

「フッターメニュー」を選択し、メニュー項目を追加の欄から、「固定ページ」「お問い合わせ」「メニューに追加」をクリック。

フッターメニューに追加

メニュー構造の欄に「お問い合わせ」が追加されるので、好きな順番に並べ替えます。

最後に、下にあるメニュー設定の「メニュー位置」から「フッターメニュー」にチェックを入れ、「メニューを保存」をクリック。

フッターにお問い合わせを設置
フッターにお問い合わせを設置

これで、フッターにお問い合わせフォームが設置されました!

(ヘッダーメニューやサイドメニューに設置する場合は、メニュー選択でヘッダーやサイドを選ぶだけで、手順は同じになります。)

YUTO
YUTO
以上で、お問い合わせフォームの作成から設置までのすべてのステップが完了です。

お問い合わせフォームに関するよくある質問

お問い合わせフォームに関するよくある質問

最後に、お問い合わせフォームに関するよくある質問についてお答えします。

  • ブログにお問い合わせフォームは必要?
  • お問い合わせフォームの迷惑メール対策は?
  • Contact Form 7以外で作る方法は?
  • Contact Form 7のサポートはあるの?

Q1:ブログにお問い合わせフォームは必要?

収益化を考えているブログの場合、お問い合わせフォームの設置は必須です。

アドセンス・ASPの審査やビジネスの案件にも関係しますし、サイトの信頼度もアップするため、必ず設置しましょう。

Q2:お問い合わせフォームの迷惑メール対策は?

お問い合わせフォームの迷惑メール対策には、「Akismet」などスパム対策プラグインやGoogleの「reCAPTHA」などがあります。

どちらも簡単に設定できるので、迷惑メールで困っている場合は導入しておきましょう。

Q3:Contact Form 7以外で作る方法は?

Contact Form 7以外の作り方としては、

  • Googleフォーム
  • HTML(プログラミング)
  • 他のお問い合わせフォームプラグイン

で作ることも可能です。

Contact Form 7で作る場合よりは、作成手順は多少複雑になってしまいます。

Q4:Contact Form 7のサポートはあるの?

Contact Form 7には公式のサポートページがあります。

Contact Form 7は開発者が日本人なので、日本語の情報が豊富です。

>>Contact Form 7 サポートページ

【WordPressお問い合わせフォームの簡単な作り方】まとめ

WordPressお問い合わせフォームの作り方の手順を再度まとめると、下記の通り。

WordPressでお問い合わせフォームを作る方法【3ステップ】

※クリックすると、本記事内の該当箇所に移動します。

お問い合わせフォームを設置する事で、サイトの信頼性・利便性がアップします。

仕事の案件につながることもあるので、早めに設置しましょう。

YUTO
YUTO
ユーザーにとって使いやすいサイト作りをするためにも、サクッと作ってしまいましょう!

お問い合わせフォームが完成したら、WordPressの他の初期設定やブログの勉強方法についても参考にしてみてくださいね。

>>WordPressの初期設定方法

>>ブログの勉強方法おすすめ7選【初心者・独学OK・効率重視】

\稼げる記事の書き方がわかる/

ブログの書き方完全マニュアルを見る

※すべて無料で見れます

\便利ツールを使ってみよう!/

ブログにおすすめ!便利ツール20選を見る

※クリックするとおすすめツールの紹介記事へ移動します(無料で見れます)

当ブログで使用しているWordPressテーマ

AFFINGER6

※本気で稼ぎたい人に使って欲しい、収益化実績バツグンのテーマです。

>>AFFINGER6公式サイトを見る

  • この記事を書いた人

YUTO

ブロガー、SEOコンサルタント、エンジニア。
北海道大学 工学部卒。
ブログで稼ぐためのノウハウを発信中。WordPress / SEO / アフィリエイト / Webライティングなどを解説しています。

>>運営者情報の詳細はこちら

-WordPress, ブログ