プラグイン【Contact Form 7】とは？設定と使い方をご紹介！

こんにちは！

養育費を払うために現場作業しながら月間最高16万PVのブログを運営してる、

さはら（＠sahara_momo）です。

今回は

・Contact From 7 とはナニ？
・どうやって設定するの？
・実際の使い方は？

これらの事を解決できる記事を書きました。

Contact From 7 は、あなたとサイトの向こう側の人を結ぶ大切なプラグインです。

この記事では、『Contact From 7』を設定する方法を、画像15枚使って分かりやすく解説しています。

注意点もあるので最後まで一緒に見てみましょう！

プラグイン『Contact Form 7』とは？

プラグイン『Contact Form 7』とは、ユーザーがあなたのサイトに訪問してくれた時に、

• なにか質問したいな。
• 今はその情報と違ってきてるから教えてあげたいな。
• 起業案件を依頼したいな。

こんな場合に『Contact Form 7』で作成する『問い合わせフォーム』から、ユーザーが簡単に問い合わせできるプラグインのことやで。

プラグイン『Contact Form 7』を設定する

ここからは『Contact Form 7』をワードプレスに設定する方法を解説していくね！

設定の手順は大きく分けて、下記の4つになるよ。

Contact Form 7をインストールする

まずはワードプレスにログインするよ。

トップ画面左にあるメニューの中から『プラグイン ＞ 新規追加』をクリック。

次に検索窓に『Contact Form 7』を入力するよ。

上のアイコンのプラグインが出てきたら、『今すぐインストール』をクリック。

クリックしたら同じ場所に『有効化』と表示されるので、それをクリックしてね！

問い合わせフォームを作成する

Contact From 7 が正しくインストールされて有効化できていたら、ワードプレスのメニューに『お問い合わせ』が表示されるし、その中の『新規追加』をクリックしてね！

新規追加をクリックしたら上の画面になりますね。

上の赤丸で囲った部分に、タイトルになる『お問い合わせ』を入力。

オレンジで囲った部分はデフォルトで記入されてるのでそのままでOK！

最後に『保存』をクリック。

問い合わせフォームを固定ページに登録する

ここでは先ほど作った問い合わせフォームを、サイトに貼り付けるために『固定ページ』登録するよ！

先ほどの『保存』をクリックした後に表示される『Contact From 7 のコード』をコピー。

次にコピーしたコードを貼り付けるために『固定ページ ＞ 新規追加』をクリック。

新規作成ページが開いたら『タイトル』を入力して、本文に『コード』を貼りつけるよ！

次に『公開する』をクリックしたら完了やで！

問い合わせページをサイト内に表示させる

今回はフッターメニューに『お問い合わせ』を表示してみるよ！

まずは『外観 ＞ メニュー』をクリック。

メニュー画面に移動したら

これでフッターメニューに『お問い合わせ』が表示されるよ！

問い合わせをサイドバーに表示させる

ワードプレスのメニューから『外観 ＞ ウィジェット』をクリック。

画面が変わったら『テキスト』をメインサイドバーへドラッグしてね。

すると、テキストの下に投稿ページが開くので

・タイトル（お問い合わせ）
・Contact From 7 で作ったコードを貼る

最後に『保存』をクリックして完了やで！

問い合わせページから確認メールを送る

では実際に『Contact From 7』が機能するか使い方を確認するよ！

とはいっても、自分で『お問い合わせ』からメールを送るだけやねんけどね（笑）

ちゃんと指定したメールアドレスに届けば完了やで！

問い合わせページが表示されない場合

Contact From 7 が表示されない主な原因は2つあります。

『 [] 』が全角になってる場合、気が付きにくいので確認してね。

プラグイン【Contact Form 7】とは？設定と使い方をご紹介！：まとめ

最後まで読んでいただいてありがとさんやで！

今回はプラグイン【Contact Form 7】とは？設定と使い方をご紹介！についてご紹介しました。

アクセスが増えてくると、次第に読者さんからコメントが届いたりするし、ブログのやりがいにもつながるよ！

企業に注目されれば、ASPから連絡があったり、直接起業案件がもらえる事も。