WordPress on Amazon LightsailでGmailを送受信する

もしかするとこちらのページを見てくれる方がいて、なんやかんや気になって問い合わせをしたい、と思ってくれる方がいるかもしれないと思い、お問い合わせフォームを用意することにしました。

ところが下記のように一般設定からメールアドレスを入力しても、変更した際に送られるという「サイト管理者のメールアドレス変更のリクエスト」が幾度待っても一向に届かない…

暫し路頭に迷っていた中、こちらの方の記事を見て、何やらそもそもサーバからメールを送る時点で止まっていそう、ということに気がつき、設定の見直しをしました。その設定に少し手こずったので、うまくいった方法を紹介できればと思います。

私はGmailを利用することが多いので、Gmailで送信するケースを紹介します。参考までに私の環境を簡単に記載します。

筆者条件

プラグインの導入

メール送信に当たって、自力で全てやろうとも考えたのですが、よくわからないなぁとなったので、プラグイン(WP Mail SMTP)を利用しました。

プラグイン側の公式ドキュメントにもGmailの導入方法の記載があるのですが、私は途中から画面が違ったので、あくまで参考程度にとどめていました。(G Suite accountを持っている前提のような記載でした)

プラグインを入れるとWP Mail SMTPという項目が管理画面のリストに追加されるはずなので、そこから基本設定をしていきます。

Generalから下にスクロールしていくと、Mailの設定があるので、送信元アドレスに問い合わせが届いて欲しい自分のアドレスを入力し、送信者名にはお問い合わせが送られてくるのがどこからかわかるように名前を適当に入力します(サイトページが無難かなぁとは思います)。

その下にさらに進んでいき、返信先の送信元アドレスを返信先(return-path)として設定にチェックを入れ、メーラーにGmailを選択します。

return-pathというのは何やらメールを送信していて、エラーが起きた時に使用される送信先のようなもので、あったほうが不測の事態をキャッチできるかもしれません

初めメーラーをOther SMTPにして設定を進めていたのですが、最終的にGoogle側からセキュリティ性能が低いからブロックしたやでと怒られた&WP Mail SMTPにもGmailの指定がおすすめと書いていたので、そちらでやり直しています。(初めに気付けたらよかった…)

Gmailを選択するとClient ID と Client Secret等々の項目があると思いますが、Gmailで送信できるようにするためには、これらの情報を取得する必要があります。(画像は諸々取得後なので埋まっていますが、初めは空欄のはずです)

そのため、一旦こちらの設定画面を離れてGoogle側の設定を行いましょう。

まずはGoogleのデベロッパーコンソールにアクセスします。そうするとダッシュボードに飛ぶと思うので、プロジェクトを作成します。

無事プロジェクトが作成できたら、OAuth同意画面を選択して進めていきます。G Suiteアカウントを持っていないため、User Typeは外部を選択します。

作成すると、さらに設定画面に進むので、必要な項目を埋めて保存します。

ここまできたらお次はいよいよClient ID, Client Secretを取得するために認証情報を作成していきます。この時OAuthクライアントIDを選択します。

続けて設定をしていき、保存します。

アプリケーションの種類: ウェブアプリケーション
名前: お好きな名前を入力
制限事項/ 承認済みのJavaScript生成元: サイトのリンクを入力
制限事項/ 承認済みのリダイレクトURI: WordPress側のWP Mail SMTP設定画面に記載されていたAuthorized redirect URIを入力