おうちワーク協会ブログ講師・滝沢 琴子のブログ講座のご案内
プラグイン

ワードプレスのお問い合わせフォーム設定プラグインはContactForm7!画像付きで解説します

※本サイトのコンテンツには商品プロモーションが含まれている場合があります。

こんにちは!
琴子(@channel4496)です♪

サイトやブログ、ホームページにはお問い合わせフォームは必ず設置しておきたいですね。

読者さんからの貴重な感想や意見を把握することができますし、お仕事の依頼等のチャンスもお問い合わせフォームがきっかけとなります。

今回は、あなたのサイトに大切な『お問い合わせフォーム』を設置するためのプラグイン『Contact form 7』の設定方法を解説していきます。

お問い合わせフォームの作り方

Contact Form 7をインストール

ワードプレスのダッシュボードの左メニュー『プラグイン』『新規追加』をクリックします。

その後、キーワードの検索窓に『Contact form 7』と入力⇒『今すぐインストール』をクリック。


次に『有効化』をクリック。

 

インストール済プラグインの画面になるので、Contact form 7の『設定』をクリック。

 

コンタクトフォーム1のコードをコピーします。最初と最後の[](カギカッコ)も含めてコピーしましょう。

 

次は、お問い合わせフォームを設置する固定ページをつくっていきます。

お問い合わせフォームの固定ページの作り方

ワードプレスのダッシュボードの左メニュー『固定ページ』『新規追加』をクリックします。

わかりやすく『お問い合わせ』などのタイトルを入力し、テキスト画面で先ほどコピーしたコードを貼りつけます。

パーマリンクの青枠の【お問い合わせ】という文字を、例えば【contact-form】などに編集し、『公開』へ。

プレビューで確認してみて、お問い合わせフォームが表示されればOKですので「公開」ボタンをクリックしましょう。

メニューにお問い合わせを設置

次に、メニュー(グローバルナビゲーション)に、『固定ページ』の『お問い合わせフォーム』を追加する方法です。

メニュー(グローバルナビゲーション)とは、主にブログタイトルの下などにある、青枠の部分です↓

この部分にお問い合わせが設置されていると、読者さんにもわかりやすいですよね♪

ココの設定はテーマによって微妙に違う部分がありますので、当ブログにと同じJINの場合と、人気無料テーマのCocoonの場合をそれぞれみていきます。

メニューにお問い合わせを設置〜JINの場合〜

まず、ワードプレスダッシュボード左メニューから

『外観』『メニュー』『固定ページ』のところ。

【お問い合わせ】にチェックし『メニューに追加』で、追加することができます。

『メニューの位置』については、お問い合わせフォームを表示させたい場所のボックスにチェックを入れてください。

最後に右下の『メニューを保存』をクリックします。

以上でお問い合わせフォームの設置は完了です!

メニューにお問い合わせを設置〜Cocoonの場合〜

まず、ワードプレスダッシュボード左メニューから

『外観』『メニュー』と進み、「新しいメニューを作成しましょう。」をクリック。

 

メニュー構造のところ、「メニュー名」に例えば「グローバルメニュー」等入力し、画面右の「メニューを作成」をクリックします。
(「メニュー名」は表示されず、ご自分がわかりやすいものであれば何でもOKです。)

 

メニュー項目を追加のところ、「固定ページ」の「お問い合わせ」のボックスにチェックを入れ、「メニューに追加」をクリック。

 

「メニュー構造」の中に、今回設置したい「お問い合わせ」があることを確認し、「メニュー位置」は設置したい場所にチェックを入れ、最後に画面右下の「メニューを保存」をクリックします。

 

ブログタイトルの下、グローバルナビゲーションを確認しましょう。

以上でお問い合わせフォームの設置は完了です!

お疲れ様でした☆

最後に、設定したメールアドレスにきちんと届くかをテストしてみましょう.

お問い合わせメールの送信先を変更する方法

初期の状態では、お問い合わせのメール送信先はワードプレスブログを構築した際に登録したものになっています。

メールの送信先を変更したい場合は以下の設定をしましょう。

まず、ダッシュボードの左メニュー「お問い合わせ」をクリック。
「コンタクトフォーム 1」と書かれている近くにカーソルを持っていくと「編集」という文字が出てくるのでクリックします。

 

「メール」のタブをクリックし、「送信先」に新しいメールアドレスを入力。いちばん下にある「保存」をクリックして完了です。

 

さいごに

以上、『ワードプレスのお問い合わせフォーム設定プラグインはContactForm7!画像付きで解説します』をお届けしました。

お問い合わせフォームも設定できたし、自分のブログに愛着がわいてきましたか??

何かわからないところがありましたら、遠慮なくお問い合わせくださいね♪

*********************************************************

※PCスキルゼロの40代主婦の私が、ブログで月収24万円を達成した手法

全7回の無料メール講座で公開中!

初心者ママでも旦那さんに依存せず、自ら収入を生み出せるノウハウをお伝えしています!

ゼロから月収10万円を達成するまでの、超具体的な実践記を期間限定で無料プレゼント中!

疑問・質問・お悩みなどもお気軽にどうぞ♪

 

*登録後の返信メールにて限定プレゼントをお届けしています。
*メールアドレス・お名前などの個人情報は厳守致します。
*いつでもメール内の解除リンクから解除可能です。