*記事内に広告が含まれています。

WordPress、フォーム作成プラグインの定番 [Contact Form 7]

2019年2月20日

Contact Form 7はブログの読者がが問い合わせを行う場合に使用するメールフォームを簡単に作成できるプラグインです。
このプラグインを使って「メールフォーム」を作成し、それを表示させる固定ページを作ります。

Contact Form 7でフォーム作成

プラグインのインストール

まず、「Contact Form 7」のインストールを行います。

ダッシュボードの左メニューから [プラグイン]>>[新規追加] をクリックします。

キャプチャー、プラグイン

 

プラグインを追加の画面が表示されます。
①キーワードに「Contact Form 7」と入力し検索します。
②表示されたWordPress Popular Postsの [今すぐインストール]をクリックします。
キャプチャー、プラグイン

[有効化]をクリックします。
キャプチャー,有効化

 

プラグインContact Form 7の設定

上記でプラグインを有効化し直後の画面で、Contact Form7の [設定] をクリックします。
キャプチャー、設定

 

上記の画面が消えてしまっていた場合は、
ダッシュボードの左メニューから [お問い合わせ]>>[コンタクトフォーム] をクリックします。
*「お問い合わせ」はContact Form7を有効化するとダッシュボードに表示されます。
キャプチャー、お問い合わせ

 

コンタクトフォームの画面が出ます。
一覧にある[コンタクトフォーム1]をクリックします。
キャプチャー、コンタクトフォーム

 

設定画面がでます。フォームタブが表示されています。
既に、基本的な「フォーム」が入力されています。
*基本このままで使用できます。
*自身で欄外にあるボタンをクリックして、項目を追加することができます。
*編集方法は「フォームのテンプレートを編集する」をクリックすると解説画面が見れます。

[メール]タブをクリックします。

内容が既に入力されています。
①自分のメールアドレスが入力されていることを確認します。(ここにメールが届きます)
②自分に届くメールの送信元です(変更しません)
③自分に届くメールの件名です 、[your-subject]部分に問い合わせ者の入力した題名が入ります。
④自分に届いたメールを返信する時の返信先です、問い合わせ者が入力したメールアドレスが入ります。

*基本内容を変更しなくともこのまま使用できます。
キャプチャー、メールタブ

 

[メッセージ]タブをクリックします。

問い合わせ者がフォーム画面を操作した際に表示されるメッセージの一覧です。
*特に問題がなければこのまま使用できます。
*自分の言葉に変更することもできます。
キャプチャー、メッセージタブ

 

[その他の設定]タブをクリックします。
*特に設定がなければ、そのまま空白にしておきます。

[保存] ボタンをクリックします。

キャプチャー、その他タブ

 

これでフォームの作成は完了です。

画面上部のフォームコードをコピーして、作成する固定ページに貼り付けます。
キャプチャー、フォームのコード

 

固定ページの作成

お問い合わせ用の固定ページを作成します。
ダッシュボードの左メニューから [固定ページ]>>[新規追加] をクリックします。

キャプチャー、固定ページの作成

 

固定ページの編集画面が表示されます。
キャプチャー、固定ページ編集画面

 

内容を入力します。
①タイトルを入力します。
②パーマリンクを編集します。
*パーマリンクはこのページのURL(アドレス)になります、このアドレスはメルマガや作成レポートなどに必ず記載されるものなので、シンプルでわかりやすいアドレスの方がオススメです。

デフォルトでは、「page-89」と味気ないので変更します [編集]をクリックします。
キャプチャー、パーマリンク1
「お問い合わせ」とわかるよう「contact」に変更します。[OK]をクリックします。キャプチャー、パーマリンク2
変更完了です。
キャプチャー、パーマリンク3

③コンタクトフォームの画面でコピーしたコードを貼り付けます。

④属性は基本変更は不要です。
*アイキャッチ画像も使用されないので設定は不要です。

[公開]のボタンをクリックします。
キャプチャー、固定ページ編集

 

ブログページの確認

ブログの表示を確認します。
編集画面の上部 [固定ページを表示] をクリックします。

キャプチャー、ブログを表示

ブログが表示されました。お問い合わせフォームが作成されています。
キャプチャー、お問い合わせフォーム

 

りんごからのお知らせ

こんにちは、Ringoです。岡山県真庭市というところで、非常勤のデザイン講師をしながら、ブログやメルマガを利用したネットビジネスをご紹介しています。

このブログと連携して「ゆとりのシニアライフを実現させる」をテーマにメルマガを配信、シニア&初心者向けにネットビジネスの魅力と取り組み方をお伝えしています。噛み砕いた解説がわかりやすいと好評です(^^)
経済的にも心にも「ゆとり」をもたらす収入をゲットしませんか!
イラスト、葉っぱ付きりんごを持ったおじさんとおばさん ブログを作ったけどアクセスが無い!、アフィリエイトの成果が出ない!
そんなあなたは必見ですよ
SNSやネット活用の実践講座を交えた実りいっぱいの無料メルマガです。

お申し込みはこちらのボタンをクリック、是非この機会に(^o^)ノ゙
↓↓↓↓↓↓↓↓↓↓ バナー、りんごメルマガ登録用 *詳細ページが表示されます、すぐにメルマガ申し込みはされません

よろしければ、この記事やブログに関する 感想・聞いてみたいこと・要望などなどお聞かせください。内容と関係ない雑談も大歓迎です(^^)
↓↓↓↓↓↓↓お気軽にo(^-^)o♪
yoko_takano@appli.redまたは お問合せ

お願い記事内の不具合や間違い等をお知らせください。 (キャプチャーの違い、古くなった情報、誤字脱字等些細なことでもかまいません)
↓↓↓↓↓↓↓↓
バナー、不具合問い合わせフォーム *お知らせいただいた方にはりんごからささやかなお礼を送らせていただきます。