WordPressでメールが届かない問題を解決!【WP Mail SMTP × Gmail設定方法】

  • ホームページ制作
WordPressでメールが届かない問題を解決!【WP Mail SMTP × Gmail設定方法】 ブログアイキャッチ

こんにちは。 兵庫県神戸市で、Webやパソコンが苦手な小さなお店や個人事業主のためのホームページ制作やWeb集客サポートをしている、evegle DESIGNの近藤ジュンコです。

前々回にご紹介した、WordPressの「メールが届かない問題」についての記事を、ありがたいことに多くの方に読んでいただきました。

実際にサポートしているクライアント様からも「お問い合わせフォームのメールが届かない…」というご相談をいただくことがあり、同じように困っている方が多いことを実感しています。

そこで今回は、前回の記事の続きとして「WP Mail SMTPプラグイン」+「Gmail」の設定方法をまとめました。

Gmailを事業用メールとして使っている方も多いと思いますので、ぜひ参考にしていただけたらうれしいです。

\ こんな方はぜひ最後まで読んでくださいね♡ /

  • 「WordPressでメールが届かない!」とお困りの方
  • プラグイン「Contact Form 7」でフォームを設置している方
  • お問い合わせメールの送受信にGmailを使っている方

さくらインターネットの独自ドメインメールを送信元に設定している方は、こちらの記事をご覧ください。WordPressでメールが届かない問題を解決!【WP Mail SMTP×さくらインターネット設定方法】

WordPressのお問い合わせメールが届かない原因

お問い合わせメールが届かない主な原因については、前々回の記事で詳しくまとめています。

まだ読んでいない方は、あわせてチェックしてみてください。
WordPressでメールが届かない問題を解決!【WP Mail SMTP×さくらインターネット設定方法】

今回はその内容をふまえて、Gmailを使った設定方法を解説していきます。

WP Mail SMTPの設定手順(Gmail ver.)

少し長めの手順になりますが、分かりやすくシェアしていきますね!
ゆっくり進めてもらえたら大丈夫です✨

前提条件

  • WordPressにContact Form 7がインストール済み
  • Gmailアカウント(送受信用のメールアドレス)を取得済み
  • WP Mail SMTPプラグインをインストール済み

1. まずはプラグイン側の設定

WP Mail SMTPの設定画面から、送信元メールアドレスと送信者名を入力します。

メーラーは「Google/Gmail」を選択します。

2. Google Cloud側の設定

WP Mail SMTPでGmailを使う場合、Google Cloud でAPIを設定する必要があります。

プラグインに必要な「クライアントID」「クライアントシークレット」を取得しにいきましょう!

Google Cloud にログインしたら、まずは新しいプロジェクトを作成する画面を開きます。

画面左上にある「プロジェクトの選択」をクリックし、表示されたポップアップの右上にある「新しいプロジェクト」を選択します。

「プロジェクト名」には、任意の名前を入力 →「作成」

3. Gmail APIを有効にする

作成したプロジェクトを選択し、画面左上3本線マークをクリック。

「APIとサービス」→「ライブラリ」を選択します。

Google Workspace の「Gmail API」をクリック →「有効にする」

4. 認証情報を作成する

画面右上の「認証情報の作成」をクリック。

❶ 認証情報の種類

「使用するAPI」→「Gmail API」を選択。

「アクセスするデータの種類 *」→「ユーザーデータ」を選択 →「次へ」

❷ OAuth 同意画面

「アプリ名」→ 任意の名前を入力。

「ユーザーサポートメール」→ プルダウンから使用したいメールを選択。

「デベロッパーの連絡先情報」→ メールアドレスを入力 →「保存して次へ」

※ メールアドレスはどちらも同じでOK

❸ スコープ(省略可)

「スコープ」は省略できるので、何も追加せずそのまま「保存して次へ」をクリックします。

❹ OAuth クライアント ID

「アプリケーションの種類」→「ウェブアプリケーション」を選択。

「名前 *」→ 自分が分かりやすい任意の名前を入力。

「承認済みのリダイレクトURI」→「https://connect.wpmailsmtp.com/google/」を入力。

「作成」→「完了」

※ クライアントIDが表示されますが、ここでは何もしなくてOK(「認証情報」ページでいつでも確認できます)

5. アプリを公開する

画面左側メニューの「APIとサービス」→「OAuth同意画面」→「対象」を選択。

「公開ステータス」の下にある「アプリを公開」をクリック。

「本番環境にpushしますか?」→「確認」をクリック。

「公開ステータス」が「本番環境」に変更されていたらOKです。

6. クライアントIDとクライアントシークレットを取得する

画面左側メニューの「APIとサービス」→「認証情報」を選択。

「OAuth 2.0クライアント ID」から作成したAPIをクリック。

「クライアントID」「クライアントシークレット」が表示されるので、取得します。

7. Googleアカウントを認証する

WordPress管理画面のWP Mail SMTP設定画面に戻り、取得した「クライアントID」と「クライアントシークレット」を入力していきます。

入力し終えたら「設定を保存」をクリック。

「あなたのGoogleアカウントを使用したメール送信をプラグインに許可する」というボタンが表示されるので、それをクリック。

⚠️「このアプリはGoogleで確認されていません」という警告画面が出たら「詳細」をクリック。

「wpmailsmtp.com(安全ではないページ)に移動」のリンクをクリック。

「wpmailsmtp.comがGoogleアカウントへのアクセスを求めています」画面で「続行」をクリック。

8. 設定完了

設定が正しく完了していれば、以下のような画面になります。

9. テストメールの送信

WordPress管理画面 → プラグイン → WP Mail SMTP → ツール →「メールテスト」で自分宛てにテストメールを送信して確認します。

WP Mail SMTP テストメールの送信

お問い合わせフォームでの動作確認

WP Mail SMTPの設定が完了したら、必ずフォームから実際に送信して確認します。

  • 受信トレイに届くかチェック
  • 届かない場合は迷惑メールフォルダも確認

まとめ

最後まで読んでいただき、ありがとうございます。

お問い合わせフォームにGmailを設定している方は、私のクライアント様にも多く、
今回ご紹介した方法で「メールが届かない問題」は解決できています ✨

設定の手順が多く、少しややこしい印象を受けるかもしれませんが、
一度設定してしまえば、その後は安定してメールが届くようになります。

セキュリティ対策が進んでいく中で、
これまで問題なく使えていたものが、
ある日突然「うまくいかない…!」と焦ってしまいますよね。

今回は「WP Mail SMTP」+「Gmail」の設定方法をまとめましたが、
iCloudメールについても、また改めて記事にできたらと思っています。

同じようにお困りの方の参考になれば嬉しいです。

\ サイトのお悩み、LINEで相談♪ /

この記事を書いた人

プロフィール写真

evegle DESIGN
(エブグル デザイン)

近藤 ジュンコ

兵庫県在住|Webデザイナー

大のヨークシャーテリア好き♡ 今まで4匹のヨーキーと暮らしてきました。
今は2匹のヨーキーと旦那さんと生活中。あとNetflixと辛いものも大好きです。

Webやパソコンが苦手な小さなお店のホームページ制作・Web集客サポートをしております。
「制作を通して誰かのお役に立つことができるなんて最高!」の考えのもと、お困りごとに寄り添える情報発信をしていきます。

evegle DESIGN
(エブグル デザイン)

Webやパソコンが苦手な方にも分かりやすく
丁寧にサポートさせていただきます。

ご相談・お見積もりは無料です。
ご相談後にお申し込みの有無をご判断いただけます。

まずはお気軽にご相談・お問い合わせくださいContact