Contact Form 7の設置方法|お問い合わせフォーム作成のプラグイン

この記事では、ブログ運営に必須なお問い合わせフォームを設置できるプラグイン「Contact Form 7」についてご紹介しています。

悩んでいる人

・お問い合わせフォームを簡単に設置する方法はないかな?
・そもそも設置する必要あるの?

こんなお悩みを解決します。

本記事の信頼性
  • WEBビジネス収入:最高200万 / 月
  • WEBディレクター / プロデューサー
    (元会社員→独立)
  • (株)LiveDesignの専属ブログ講師
KIHIRO

この記事を書いている僕は、ブログ歴2年です。ブログをきっかけに独立し、現在はWEBに関するさまざまな事業で生計を立てています。

先に結論を言うと、お問い合わせフォームの設置はブログやサイトを運営する上で必須です。

必ず設置するようにしましょう。

なお、WordPressテーマによってはデフォルト(プラグインなし)で設置できる場合もありますので、必ず自分が使うテーマの機能を事前に把握するようにしてください。

「(自分のテーマ)+お問い合わせフォーム」で事前に検索

目次

Contact Form 7の内容を動画解説!

文章よりも動画の方が理解しやすいという方は、下記動画をご覧ください。

※準備中

Contact Form 7の特徴

  • WordPressでお問い合わせフォームの作成といえばContact Form 7と呼ばれるほど代名詞
  • ブログ運営者であれば導入必須のプラグイン
  • デザインのカスタマイズや問い合わせ内容の変更も柔軟

冒頭でお伝えしたように、あなたがWEB上に独自ドメインを所有している以上、お問い合わせフォームの設置は”必須”と言えます。

なぜなら、お問い合わせフォームというものは、読者に信頼性を示すことができると同時に、Googleへ透明性をアピールできるからですね。

特に、あなたが広告収入目的であれば「絶対に必要」と覚えておいてください。

Contact Form 7のインストール

WordPressダッシュボードの管理画面にあるプラグイン「新規追加」から「Contact Form 7」をインストールし、有効化しましょう。

Contact Form 7のインストール

もしくは、下記からダウンロードできます。その場合、お使いのサーバー管理画面にいきwp-content/pluginsディレクトリにアップロードして下さい。

Contact Form 7の設置手順(ブロックエディター用)

STEP
「コンタクトフォーム名」を確認

管理画面のお問い合わせ→コンタクトフォームから「コンタクトフォーム名(デフォルトではコンタクトフォーム1となっています)」を確認します。

STEP
お問い合わせページを作成

外観の固定ページから「新規追加」をクリックします。

タイトルに「①お問い合わせ」、パーマリンクに「②contact」と入力し、ブロックの中から「③contact form 7」を選択します。

お問い合わせページを作成
③contact form 7

コンタクトフォーム名がステップ1で確認したものと同じであることを確認の上、「公開」してください。

STEP
トップページにお問い合わせフォームを設置

外観のメニューから作成した「お問い合わせ」をグローバルメニューに追加します。

グルーバルメニューを作成していない人は先に作成しましょう。

①お問い合わせを追加」し、「②ヘッダーメニューにチェック」が入っていることを確認の上、「③保存」してください。

お問い合わせフォームを設置
STEP
お問い合わせフォームが正しく設置されているかを確認

①〜③を対応した後、トップページに戻り、お問い合わせフォームが表示されているかを確認します。

Contact Form 7の設置手順(クラシックエディター用)

STEP
サイドバーのお問い合わせを選択し、ショートコードを全てコピー
ショートコードを全てコピー

ショートコードに表示されている[contact-form-7・・・”コンタクトフォーム 1”]を全てコピーします。

STEP
お問い合わせページを作成

外観の固定ページから「新規追加」をクリックします。

タイトルに「①お問い合わせ」と入力し、「②テキスト画面」に切り替えてから「③本文内にペースト」します。その後、パーマリンクに「④contact」と入力してください。

STEP
お問い合わせフォームが正しく設置されているかを確認

①〜③を対応した後、トップページに戻り、お問い合わせフォームが表示されているかを確認します。

Contact Form 7でよくある質問

お問い合わせの項目は変更できませんか?

勿論、可能です。フォームテンプレートの編集より希望のタグを選択し、設定ください。但し、個人ブロガーはデフォルト(編集なし)で十分です。

デザインをカスタマイズできませんか?

可能です。その際は、「contact form 7 カスタマイズ css」とGoogle検索してみてください。

カスタマイズするときは必ず子テーマにするようにしましょう。

目次
閉じる