Contact Form 7を使って念願のメールフォームを設置!思っていたより100倍簡単!

スポンサード

まいど、黒井です。

Contact Form 7というプラグインを使って、ようやく、やっとこさ、念願のメールフォームを設置することができました!

「お前1年間なにしてた?」

って感じですが、うん、まあ、良しとしてくださいよ。

実際にやってみたら「Contact Form 7」によるメールフォームの作成と設置が、めちゃめちゃ簡単だったんです。

もっと早くやっときゃよかったあ←

スポンサード

Contact Form 7によるお問い合わせフォーム、爆誕!

お問い合わせフォーム完成!

Contact Form 7を使って、TANOBLOに「お問い合わせフォーム」を作ってみました。それがこちら。

お問い合わせ

Contact Form 7ありがとう!

すごく簡単です。これをやらないヤツはバカですよバカ。

あっはっは。

この記事では「Contact Form 7」の導入方法と、使い方について解説します。

Contact Form 7のインストール方法。

スクリーンショット 2016-06-08 21.07.13

まず「WordPress」の「ダッシュボード」を開きます。

そしたら左のサイドバーから「プラグイン」をクリックしてください。するとあなたのWordPressに現在インストールされているプラグインの一覧が表示されます。

画面の左上をご覧ください。

そこには「新規追加」というボタンがあるはずです。

スクリーンショット_2016-06-08_21_09_14

これをクリックします。

そしたら今度は画面の右上に注目!

スクリーンショット_2016-06-08_21_10_45

プラグインの「検索窓」がありますよね。

検索窓に「Contact Form 7」と入力し、検索をかけてください。

すると・・・

スクリーンショット_2016-06-08_17_42_18

スクリーンショットのように「Contact Form 7」が出てくるはずです。

スクリーンショット_2016-06-08_21_13_08

そしたら「Contact Form 7」の右上にある「今すぐインストール」というボタンをクリックします。

しばらくして・・・

スクリーンショット_2016-06-08_17_42_46

このようなメッセージが表示されたら、インストール完了です。

メッセージ内の「プラグインを有効化」という箇所をクリックすると、ただちに「Contact Form 7」を有効にすることができます。

Contact Form 7でメールフォームを設置する方法。

スクリーンショット 2016-06-08 21.07.13

やっぱりまずは「ダッシュボード」から。

「Contact Form 7」を有効化してある場合、サイドバーに「お問い合わせ」という項目が増えているはずです。

補足
あらかじめ「Contact Form 7」を有効化していない場合は、ダッシュボードのサイドバーから「プラグイン」をクリックして「インストール済みのプラグイン一覧」から「Contact Form 7」を探して「有効化」をクリックしてください。
スクリーンショット_2016-06-08_21_17_55

「お問い合わせ」にマウスカーソルを合わせると、吹き出しが出てきます。

そこにある「新規追加」をクリックしてください。

すると・・・

スクリーンショット 2016-06-08 21.20.58

こんな画面が表示されます。

まず「フォームのタイトル」を入力しましょう。

TANOBLOでは「お問い合わせ」としました。

つづいて「フォーム」の内容について。

初期状態では・・・

スクリーンショット_2016-06-08_21_20_58

こうなっています。

とくに変更しなくても大丈夫ですよ。

TANOBLOでは「メッセージ本文」とあるのを「お問い合わせ内容」に変更してみました。

お次はとなりのタブ「メール」に移動します。

スクリーンショット 2016-06-08 21.29.14

こんなふうになっているはずです。

ここでは「Contact Form 7」で作った「メールフォーム」から送られたメールが「どのアドレスに届くようにするか」などを設定します。

が、ここも特に変更する必要はありません。

「送信先」のメールアドレスだけご確認ください。

ここまで終わったら、画面の下部にある「保存」をクリックして、Contact Form 7のコンタクトフォームを保存します。

すると・・・

スクリーンショット_2016-06-08_21_34_55

画面の左上に、こんな表示が出ます。

この「ショートコード」「コピー」してください。

つぎに、サイドバーの「固定ページ」にカーソルを合わせて「新規追加」をクリックします。

スクリーンショット_2016-06-08_22_22_41

すると・・・

スクリーンショット 2016-06-08 22.23.06

こんな画面が表示されます。

まず「ページのタイトル」を入力して、

スクリーンショット 2016-06-08 22.24.40

本文のところに先ほどコピーしておいた「ショートコード」をペーストします。

これで「公開」ボタンをクリック!

あとは「その固定ページ」をヘッダーメニューやフッターメニューとして登録するだけ。

ひとつずつ説明していくと大変そうですが、やってみると簡単ですよ。

あとがき

あとがき

「ブログ頑張るぞ!」という記事を書いて2週間。やっとこさ「Contact Form 7」を使ったお問い合わせフォームの作成アーンド設置ができました。

ぼく、変わります!TANOBLOと自己の改善についてのメモ書き的なもの。

2016.05.23
ぼくの頑張るって・・・

これからも「スペシャル・スロー・ペース」に頑張っていきますので、TANOBLOをどうかよろしくお願い致します。

よしっ、きれいにしまったぞ。

スポンサード

フォローしてね!

感想をシェアしよう!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です