HOME  /WordPress(初級)
 /Contact Form 7のインストールとメール設定
2018年01月16日

Contact Form 7のインストールとメール設定

このドキュメントは2016年の初期サイトの時に作成したドキュメントです。

WordPressが全然わからない状態から、とりあえず動く状態まで持っていったやり方を記述しています。

ある程度判っている方は応用編を参照してください。

現在サイトはこの応用編の技術で作成されています。

固定ページに必要なのは、読者からの問い合わせを受けるメールフォームです。

これを実現する為に『Contact Form 7』のインストールと設定、更にメールを送るためのSMTPとして『WP-Mail-SMTP』のインストールと設定事例を紹介しています。

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

1.ダッシュボードの『プラグイン→新規追加』を実行し、検索画面で『Contact Form 7』を入力する。

表示された画面で、いますぐインストールボタンを挿入する。

2.表示された画面で、プラグインの有効化を実行する

以上で『Contact Form 7』のインストールが完了しました。
完了するとダッシュボードに『お問い合わせ』のメニュが追加されます。

2.Contact Form 7のメール設定を行う

Contact Form 7のメール設定には

・Contact Form 7の設定

・固定ページにContact Form 7を設定する

・実際にメールを送ってみる

があります。順番に説明をしていきます。

1)Contact Form 7の設定

①お問い合わせ→コンタクトフォームを実行する。

下記画面が表示されます。

②コンタクトフォーム1をクリックして開き、内容を編集する。

フォームの名前を『お問い合わせメールフォーム』等の任意の名前に変更して、保存してください。
ショートコードが更新されます。

尚、その他の変更については、Contact Form 7のカスタマイズで説明しますので現在はそのままで良いです。

③お問い合わせ→コンタクトフォームに戻る

ショートコードの所にカーソルをセットし、『Ctrl+C』でクリップボードにコピーしてください。

2)固定ページにContact Form 7を設定する

①『固定ページ→新規作成』で新規ページを作り、本文の所で、『Ctrl+V』でシュートコードを張り付ける。

『公開』ボタンを挿入して、上記の固定ページを保存してください。

②『外観→メニュー』で、上記で登録した『お問い合わせ』をメニュに加えてください。

お問い合わせメニューが追加されました。

3)実際にメールを送ってみる

①お問い合わせメニュを挿入してください。

②表示された画面に適当にメッセージを入れて、送信ボタンを挿入してください。

 

③下記のエラーメッセージがでますか?

Contact Form 7は、WordPressがインストールされているドメインのSMTPサーバを使ってメール配信する前提で作られています。

よって上記メッセージが出る場合は外部のSMTPサーバ経由でメールを送信するする必要があります。

3.外部のSMTPサーバ経由でメールを送る方法

『WP-Mail-SMTP』というプラグインを使うと外部のSMTPサーバからメールが送れるようになります。

考えられる外部のSMTPサーバとしてはGmailやYahooメールがあります。

しかしYahooメールは『Yahoo!デリバーの登録』が必要になるので私はGmailを使いました。

1)GmailのSMTPサーバを使う方法

しかしGmailのSMTPサーバにも制限があります。
GmailはSMTPサーバをアクセスするクライアントのセキュリティレベルが低いとメールを送ってくれません。

今、使おうとしている『WP-Mail-SMTP』もこの制限に引っかかります。

このサイトを作った当時はGoogleアカウントのセキュリティを『安全性の低いアプリのアクセスを許可にする』設定をすれば問題なかったのですが、現在は『Googleアカウントの2段階認証』+『アプリパスワード』を利用しないとダメになりました。

『アプリパスワード』とは、『WP-Mail-SMTP』のようなアプリに設定するパスワードなのですが、これを使う為にはGoogleアカウントが2段階認証を採用してないと利用できません。

そこで通常使うメール等を2段階認証にしたくない場合を想定し、新規にGmailアカウントを作成する方法で説明します。

①新規のアカウントを作成する。

Gmailのアカウントを新規に作成するをクリックしてください。

表示された画面い姓名等の必要情報を入れて新規アカウントを作成してください。

②下記URLをアクセスしてGmailにログインし、『ログインとセキュリティ』を選択して下さい。

アカウント情報管理サイト

 

注意

アカウントを複数持っている場合は『アカウント情報管理サイト』の右上にある下図のアイコンを必ずチェックして、変更したいアカウントか否かを確認してください。

 

③表示された下記画面から2段階認証プロセスを選択します。  

後は利用するスマホの電話番号を設定し『試す』を実行すると登録した電話番号のSMSで確認コードが送られてくるので、この番号を設定すると2段階認証は完了します。

④再度、下記URLにアクセスし『ログインとセキュリティ』に入ります。

アカウント情報管理サイト

 確認コードを要求された場合はスマホに送られたコードを入れてください。

下記画面がでますので、アプリパスワードを選択します。

⑤表示された下記画面から『端末を選択』を挿入して、表示されたデバイスから『その他』を選択します。

⑥表示された下記画面にアプリ名を入れ『生成』ボタンを挿入します。

⑦アプリパスワードが表示されます。

このコードを控えてください。WP-Mail-SMTPのセットアップで利用します。   

以上で、新規に作ったアカウントのアプリパスワードが取得できました。

2)WP-Mail-SMTPインストール

①ダッシュボードの『プラグイン→新規追加』を実行し、検索画面で『WP-Mail-SMTP』を入力する。

表示された画面で、いますぐインストールボタンを挿入する。

②表示された画面で、プラグインの有効化を実行する

以上で『WP-Mail-SMTP』のインストールが完了しました。

3)WP-Mail-SMTPの設定

完了するとダッシュボードの『設定→メール』のメニュが追加されます。起動してください。

 

①SMTPの設定は下記で設定して下さい。

・SMTP  :smtp.gmail.com

・Port番号:465

・暗号化   :SSLを使用する

・認証      :SMTP認証を使用する。

②Gmailのアカウントとパスワードを設定する

username:これが2段階認証を設定したアカウントです。

Password:ここがアプリパスワードになります。

上記の設定が終わったら、必ず『変更の保存』を行ってください。

③日頃使っているメールアドレスを入れて、テストメールを送信する。

メールが正常に送れたら、『WP-Mail-SMTP』は正常に稼働しています。

4.最終確認

最後にメニューのお問い合わせボタンから、メール送信を確認してください。

正常にメールが送れるはずです。

 

<ドキュメントガイド>

前のテーマ: Twenty Twelveのメニューを設定する

次のテーマ:Contact Form 7のカスタマイズ