マインド太郎ブログ【成功者マインド】

マインド太郎ブログでは成功者マインド・ブログ収益化・お金に関するノウハウを発信中!Amazonプライムを愛しています。

BLOG

【Contact Form 7】ブログでお問合せフォームを作成する方法

投稿日:

お問い合わせフォームはどう設置するんだろう……..困ったな
マインドまなぶ
マインドまなぶ

マインド太郎
マインド太郎
「contact form 7」を使うとかんたんにお問い合わせフォームを作れるよ!



✔️本記事の対象者

  • お問い合わせフォームをかんたんに設置したい方

 

✔️本記事の執筆者

人気ブログランキングへ

目次

  1. Contact Form 7:使い方
  2. Contact Form 7:インストール方法
  3. Contact Form 7:お問合せフォーム作成方法
  4. Contact Form 7:メニューに表示する方法
  5. Contact Form 7:まとめ

1.Contact Form 7:使い方

WordPressのプラグイン「Contact Form 7」を使えばかんたんに「お問合せフォーム」を設置することができます。

Webページに直接テキストを入力してサイト管理者へメールを送信できる入力欄のことです。

完成図のイメージは以下のようになります。

 

2.Contact Form 7:インストール方法

ではインストール方法について解説していきます。

①WordPressの左サイドバー「プラグイン」「新規追加」を選択します。

②右上のキーワードに「contact Form 7」と入力します。

③富士山マークのプラグインが表示されたら「今すぐインストール」をクリックします。

④インストールが完了したら「有効化」をクリックします。

マインド太郎
マインド太郎
インストール作業は完了です!


 

 

3.Contact Form 7:お問合せフォーム作成方法

次にお問い合わせフォームの作成方法について解説します。

 

WordPressの左サイドバー「プラグイン」「新規追加」を選択して「新規追加」をクリックします。

 

コンタクトフォームを追加に「問合せ1」とタイトルを入力します。

注意:「フォーム」タブではデフォルト(あらかじめ設定されている標準の状態)で、「氏名」・「メールアドレス」・「題名」・「メッセージ本文」・「送信」ボタンになっていますが、デフォルトを削除してわかりやすいように最初
から作っていきます。

①【名前】と入力をします。

②「テキスト」タブをクリックします。

 

 

①フォームタグ生成画面の「必須項目」に✔️を入れます。

②「タグを挿入」をクリックします。

①【名前】の横にタグが表示されてればOKです。

②右上の「保存」をクリックします。

 

「メール」タブを選択します。

①タグが表示されますのでコピーをします。

②メッセージの本文欄の【お名前】の右横にタグをペーストします。

③「保存」をクリックします。

【名前】と同じやり方で【電話】・【メール】・【備考】も1つずつ作成します。

①例えば【電話】と入力をします。

②「テキスト」をクリックします。

③フォームタグ生成画面の「必須項目」に✔️を入れます。

④「タグを挿入」をクリックします。

⑤【名前】の横にタグが表示されてればOKです。

⑥右上の「保存」をクリックします。

⑦【名前】【電話】【メール】【備考】を同じやり方で4つ全て作成できましたら「保存」をクリックします。

 

 

「メール」タブを選択します。

こちらも【名前】と同じやり方で【電話】・【メール】・【備考】も1つずつ作成します。

①タグが表示されますのでコピーをします。

②メッセージの本文欄の【電話】・【メール】・【備考】の右横にタグをペーストします。

③【名前】【電話】【メール】【備考】を同じやり方で4つ全て作成できましたら「保存」をクリックします。

次に送信ボタンを作成します。

①フォームをクリックします。

②送信ボタンをクリックします。

①フォームタグ生成画面のラベルに「送信」と入力します。

②「タグを挿入する」をクリックします。

送信のタグが表示されればOKです

①「保存」をクリックします。

「メール」タブを選択します。

読者からお問い合わせがあった場合にこちらに登録したメールアドレスに送信がされます。

①送信先に管理者のメールアドレスを入力します。

②送信元に管理者のブログURLを入力します。

③【名前】のタグをコピーします。

④コピーした【名前】のタグをペーストします。

⑤「保存」をクリックします。

 

お問い合わせフォームをWordPressのコンテンツ内に埋め込むための「ショートコード」が表示されます。

「ショートコード」を「固定ページ」にコピーすればお問い合わせページが表示されます。

【名前】【電話】【メール】【備考】欄と【送信ボタン】が完成です!

ついに僕のお問い合わせフォームができたぞ!!!
マインドまなぶ
マインドまなぶ
マインド太郎
マインド太郎
立派なお問い合わせフォームができたね、おめでとう!!!


4.Contact Form 7:メニューに表示する方法

 

①外観の「お問い合わせフォーム」と「すべて選択」にチェックします。

②「メニューに追加」をクリックします。

 

①メニューに「お問い合わせフォーム」が追加されます。

②「メニューを保存」をクリックします。

グローバルメニューに「お問い合わせメニュー」が表示されればOKです!

 

5.Contact Form 7:まとめ

今回はWordPressのプラグイン「Contact Form 7」で「お問い合わせフォーム」を設置する方法を画像つきで解説していきました。

「お問い合わせフォーム」を作るとGoogleからの評価も上がりますのでまだの方はぜひ設定してみてください。

おわり🙇‍♂️

✅ 関連記事

ブログのはじめ方5ステップ
アフィリエイトのはじめ方手順3つ
Googleキーワードプランナーのはじめ方

-BLOG
-

執筆者:

関連記事

ブログでファンをつくる3つの方法

ブログをはじめたけどフォロワーがふえないし困ったな マインドまなぶ ファンが多い人の記事の書き方を解説していくね マインド太郎 ✅本記事を書いた人 【ブログ村】 プログ初心者とブログアク …

【2021年】Googleキーワードプランナーのはじめかた

グーグルキーワードプランナーのはじめかた

【WordPress編】アフィリエイトに必要なスキル3選

アフィリエイトに必要なスキルってなんだろう? マインドまなぶ マインド太郎アフィリエイトに必要なスキルは3つ、一緒にまなんでいこう! ✔️ 本記事の対象者 アフィリエイトに …

【WordPress編】ブログでふき出しを作るプラグイン~WorldBallon~

吹き出しをかんたんに作るプラグインはないかな、困ったな? マインドまなぶ マインド太郎今回は吹き出しを作る方法を一緒にまなんでいこう! ✔︎本記事の対象者 ブログに吹き出しを入れたい方 …

[ブログ50記事達成]4か月間の体験談まとめ

マインド太郎ブログ 50記事を達成するまでの体験談を解説していきます! ✔︎本記事を執筆した人 【No.62】 こんばんは! 🌃マインド太郎です🌃http …

カテゴリー

にほんブログ村