カテゴリー
mail plugin Synology WordPress

[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

本編 >

[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]
スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

はじめに

レンタルサーバーでWordPressの運用と違い、Synology NASにWordPressを構築して、サイト外へのメール送信するには、少し面倒な作業をしなければなりません。自分が選んだ道であり仕方がいなのです。

スポンサーリンク
by Google Ads ID19417

今回の作業は、「WP Mail SMTP by WPForms」プラグインのインストール、およびGmail API (Google Developer Consoleの設定)によって、WordPressおよびその他のプラグインが、サイト外にメールを飛ばせるようにします。例えば、以下のケースです。

  • コンタクトフォーム・プラグイン
    • WordPressには、基本情報として訪問者のemailアドレスを記入し保管しています
    • 訪問者が、コンタクトフォームに当サイトへの質問、コメントを記載して送信するとき、その内容を、管理者メールアドレスに送信されます。この時、今回のプラグイン「WP Mail SMTP by WPForms」とGoogle Developer Consoleの「APIの作成」が必要です
  • Ultimate Member プラグイン
    • Ultimate Memberは、メンバーシップを構築できるプラグインです。
    • 訪問者が当サイトにemailを新規登録する場合、その申請内容を管理者メールアドレスに送信されると共に、訪問者が記載したメールアドレスに、確認用のメールを当サイトから送信します。いずれにも、今回の作業が必要です
  • UpdraftPlus プラグイン
    • UpdraftPlusは、WordPressとプラグインなど、全体的をバックアップ、リストアするツール・プラグインです
    • バックアップを開始した後、作業が終了した際に、管理者メールアドレスに、終了通知のemailを送信します。この送信を可能にするには、今回の作業が必要です
スポンサーリンク
  • Synology DS517 by Amazon ID:22173
  • Synology DS920+ by Amazon ID:22172
  • オムロン BY50S用パック by Amazon ID:22171
  • オムロン BY50S by Amazon ID22170
  • Synology 高機能無線ルーター VPN Plus対応 日本正規代理店アスク サポート対応 保証2年 NT934 RT2600ac by Amazon ID24327
  • エレコム LANケーブル CAT6A 5m 爪折れ防止コネクタ ホワイト LD-GPA/WH5 by Amazon ID24327

準備

「Google Developer console」でOAuth 2.0 クライアント IDを設定します。そのために、Google Developer consoleを使用可能にしてください。

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

WP Mail SMTP by WPFormsをインストールします。

WP Mail SMTP by WPForms

Make email delivery easy for WordPress. Connect with SMTP, Gmail, Outlook, SendGrid, Mailgun, Zoho, SES, and more.

WPForms

インストール後は、「一般」から以下の設定の必要です。

  1. 以下の図のように設定します
  2. 送信元アドレス : これは、WordPressの設定から自動的に入力される
  3. 送信者名 : 同上
  4. メーラー : ここをGoogleに設定します

次に、以下の設定が必要ですが、その値は、Google Developer ConsoleのAPIの設定と同時に進めていきます。

  1. ①と②は、Google Developer Console APIを設定して完了後に使用可能になります。そこからコピペします。
  2. ③は、このプラグインから提供させる値です。この値をGoogle Developer Console APIの「OAuth クライアント IDの作成」のURIの設定に使用します。まずは、右横のアイコンをクリックしてコピーしておきます

API プロジェクトの作成

Google Developer Consoleに入ります。

  1. 以下の図のような画面が現れます。以下の作業を進めます。
  2. メニューの「My Project」をクリックすると、「プロジェクトの選択」画面が現れます(図1)
  3. 右上の「新しいプロジェクト」をクリック

  1. 適当なプロジェクト名で、「プロジェクト」を作成(既存のプロジェクトにGMAIL APIがあれば、それを使用しても良い)
  1. メニューの「My Project」から作成した「プロジェクト」を選択
  2. もしも、左メニューの「認証情報」をセレクトしてあれば、選択した「プロジェクト」の「認証情報」画面が現れます
  3. その画面の一段目に、「同意画面の構成」ボタンが現れます。これをクリック。もしくは、左メニューの「OAuth 同意画面」をクリック

  1. 「OAuth同意画面」が現れるので、外部をチェック(内部はセレクトできない)して、「作成」ボタンをクリック
  1. 図は示しませんが、以下のような設定項目が現れるので設定していきます
  2. アプリケーション名 :プラグインがわかるように適当な名前
  3. サポートメール : Google Developer Consoleにログインしたメールアドレスが自動に入力されている
  4. 承認済みドメイン : harikiri.diskstation.me
  5. 「アプリケーション ホームページ」リンク : 同上(正確には、リンクですが、これでもOK)
  6. 「アプリケーション プライバシー ポリシー」リンク : 同上(正確には、リンクですが、これでもOK)
  7. 「アプリケーション利用規約」リンク : 必要ないようです
  8. 「保存」をクリック
  9. 確認画面が現れます。この設定内容は、左メニューの「OAuth同意画面」をクリックすると確認してできます。よく読んでみると、
  10. 確認ステータス : 検証は不要です、とあります。
  11. ユーザーの種類 : 外部
  12. OAuthレート制限
  13. 以上で、ようやく、「OAuth クライアント IDの作成」が可能となりました

OAuthクライアント IDの作成

  1. 「認証情報」のメニューの「認証情報を作成」をクリックすると、更に目にメニューが現れます。二番目の「OAuthクライアント ID」をクリック
  1. アプリケーションの種類を「ウェブアプリケーション」に設定します
  1. その後、以下の設定を進めます
  2. ①は、とくに必要ないかもしれません。
  3. ②は、プラグインからのコピペです。
  1. 設定が完了すれば、メニューの「My Project」からプロジェクトを選択すると、「OAuth 2.0 クライアント ID」の項目にリストが追加されています
  2. その追加された項目リンクをクリックします。
  1. ③と④の「クライアント ID」と「クラアンスト シークレット」をコピーして、WP Mail SMTP by WPFromsプラグインの設定項目に、それぞれペーストします。
  1. プラグインの設定項目にペーストします。
  2. 最後に、「Authorization」項目で、橙色のボタン「Allow plugin to send emails using your Google account」をクリックします。
  1. Google Developer ConsoleでのAPI設定が正しく実施されていレバ、以下のような画面になります。

以上で、プラグインとGMAILのAPIの設定が完了しました。Email Testで送信テストを実施してみてください。

これで完了です。

参考文献

WP Mail SMTP Documentation

https://wpmailsmtp.com/docs/how-to-set-up-the-gmail-mailer-in-wp-mail-smtp/

参考文献

Gmail APIでクライアントIDを有効にするまでの手順

https://spica.tokyo/note/275
スポンサーリンク
  • by Amazon ID19245
  • by Amaozn ID13196
スポンサーリンク

ここまで

< 本編はここまで。

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

Update ID21920

anime, LIFE
[アニメ] ザ・サード〜蒼い目の少女〜 (2006) – 3つ目の眼を額にもつ「ザ・サード」が人類を管理している世界 – ID2480 [2020/10/20]

ザ・サード 2006年、TV全24話、人類が犯した過ちを2度と起こさせないために、3つ目の眼を額に持つ「ザ・サード」と呼ばれる存在から管理されている人類。ソードダンサーと呼ばれる少女がいました。この世界では、技術革新は許 […]

anime, LIFE
[アニメ] ヒロイック・エイジ – 宇宙戦闘物語 – ID24353 [2020/10/20]

目次1 ヒロイック・エイジ2 キーワード ヒロイック・エイジ 2007年、TV全26話、宇宙物/宇宙戦艦物/宇宙や人類の発祥の不思議を描いています。3話くらいまでは我慢して視聴してください。おそらく、TVで毎週リアルタイ […]

スポンサーリンク
by Google Ads ID19417
anime, LIFE
[アニメ] 終わりのセラフ – 人対吸血鬼 – 大人の事情と子供の理想は相ゆずれない – ID2444 [2020/10/28]

終わりのセラフ 2015年、TV全24話、吸血鬼が世界を支配している世界と、一部の人の軍組織は、人の世界を取り戻そうとしている攻防を背景に、家族というテーマを描いてます。しかし、大人の事情は、子供たちの家族の理想にはお構 […]

english
今日の英語 – we are excited to announce ~ – 報告できることを嬉しく思っている表現 [2020/10/28]

We are excited to announce {目的句}  「目的句」に対してエキサイトしています。例文 : Today we are excited to announce the launch of a ne […]

BIOLOGICS, education, guidance
[Bio-Edu] Bio Safety Levelとは – 遺伝子組換え実験と輸送など – カルタヘナ法に関わる – ID144 [2020/10/28]

目次0.1 Bio Safety Level0.2 関係法令1 カルタヘナ法に従う承認申請手続き Bio Safety Level Bio Safety Level (BSL)とは、細菌やウイルスの取り扱いについて、その […]

BIOLOGICS, production, vaccine
[Bio-Edu] Plasmid DNA (pDNA)の製造方法 – ID24375 [2020/10/25]※

目次1 plasmid DNAの抽出方法2 生産フロー3 plasmidの培養方法 plasmid DNAの抽出方法 plasmid DNA (pDNA)の製造で最もクリティカルな工程は、その抽出である。pDNAを生産す […]

スポンサーリンク
  • by Amazon ID13339
  • by Amazon ID13211
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23293
  • by Google Ads ID:11145
  • by Google Ads ID23410

最新記事(WPプラグイン,ID:14818)

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

スポンサーリンク
by Google Ads ID19417
plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

Page: 1 2 19
スポンサーリンク

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID23410
  • by Google Ads ID23293

最新記事(WordPress, ID:14681)

security, WordPress
[WP] WordPress – ログイン/アクセス制限に関する設定 – ID24132 [2020/10/09]工事中

目次1 はじめに2 設定ファイル・設定される方のファイル/フォルダ?3 allow?, deny? はじめに WordPressのセキュリティ設定を考えます。WordPressには、各種のファイルがあります。基本的な設定 […]

plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

スポンサーリンク
by Google Ads ID19417
plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

plugin, Synology, WordPress
[WordPress] 「AMP」プラグイン と広告プラグイン: 「Advance Ads Pro」- 高速化と広告表示の両立を図る – ID22304-UM [2020/09/9]

ナレッジベース 不要な他のPluginを削除して、AMPから再検証する作業を全てのページに施しました。その後、AMPページとしてGoogle Adsの表示が不可になっていました。<br>AMP Pluginを […]

plugin, WordPress
[WordPress] blogに載せる写真のメタデータは、EWWW Image Optimizerで取り除く – ID321 [2020/08/20]※

EWWW Image Optimizerプラグイン WordPressのblogで載せる写真は、そのままのサイズでアップしてはいけません。メタデータはそのまま残っているためです。メタデータのGeotabには、位置情報が記 […]

Page: 1 2 22
スポンサーリンク

スポンサーリンク
  • by Google Ads ID23410
  • by Google Ads ID23293
  • by Google Ads ID:11145

最新記事(Synology, ID:14676)

Synology
[Synology] 以前からeo光なのに速度が遅く感じられていた(100Mbps) – A6のネットケーブルで改善(300~500Mpbs) [2020/10/19]

目次1 eo光の速度の測定2 コースごとの測定3 ケーブル交換前の速度4 ケーブル交換後の速度5 その他のコースで測定6 使用したケーブル eo光の速度の測定 もう数年以来、ネットの速度が遅いなぁ~と思っていたが、ありま […]

Synology
[Synology – Plex] Plex Serverに繋がらなくなったときの対処法 – ID24032 [2020/10/04]

目次1 はじめに2 課題3 対処方法4 Plexの管理画面でできること5 まとめ はじめに Plexは、自宅のサーバーにあるメディア(音楽、動画)をインターネット経由でもストリーム配信できるメディア・サーバーです。 DS […]

スポンサーリンク
by Google Ads ID19417
plugin, Synology, WordPress
[WordPress] 「AMP」まとめ – ID22520 [2020/09/13]

AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMP: a well-lit path to optimizing for Google’s pa […]

mail, plugin, Synology, WordPress
[WordPress] Synology (新)NASに立ち上げたWordPressから外へメールを飛ばす – WP Mail SMTP by WPFormsプラグインとGMail APIの設定 – ID22422 [2020/09/13]

目次1 はじめに2 準備3 プラグインのインストール4 API プロジェクトの作成4.1 OAuthクライアント IDの作成 はじめに レンタルサーバーでWordPressの運用と違い、Synology NASにWord […]

plugin, Synology, Theme, WordPress
[WordPress] このサイトの表示に関係する使用している「テーマ」と「プラグイン」のリスト – ID22353 [2020/09/11]※

目次1 はじめに2 システム構成3 プラグイン・リスト はじめに 現在、見られているこのサイトの表示に関わるWordPressテーマ、およびプラグインのリストを公開します。これからWordPressでサイトの構築をされる […]

security, Synology
[Synology] 自宅に設置したNASにWordPressを構築してblog配信する場合、高まるネット・リスクとその対策 – ID22342 [2020/09/11]

目次1 はじめに2 ドコモ口座の不正引き落としサイバー事件3 ドコモ口座について4 考えられるパスワードの漏出5 Synology NAS製品での対策6 まとめ はじめに これまで、DS918+を導入しblogを公開して […]

Page: 1 2 20
スポンサーリンク

スポンサーリンク
  • by Google Ads ID:11145
  • by Google Ads ID23293
  • by Google Ads ID23410

その他記事(ALL-RANDOM, ID:16786)

HEALTH, key-word
[用語] BUN; blood urea nitrogen – ID18723

BUN 尿素窒素; blood urea nitrogen, 基準値: 7~23 mg/dl 編集履歴 2020/07/11 Mr.HARIKIRI

BIOLOGICS, education
[Bio-Edu] 生体内で起こる蛋白質の酸素を要する糖化(Glycosylation)の5つの種類とメカニズムの説明 – ID3160 [2020/10/14]

Creative Biolabs社のHigh-Affiテクノロジーを使用したグリコシル化特異的抗体産生サービスのサイトから、蛋白質に対する生体内での糖化についての説明をまとめた。サイトのページの背景には、美しい抗体(An […]

BIOLOGICS, transfection
[Bio-Equipment] Transfection for Plasmid to cells – ID23809

遺伝子導入装置 バイオ医薬品の目的タンパク質をコードする遺伝子を産生細胞株に注入する装置 MaxCyte ExPERT 遺伝子導入装置 (MaxCyte) https://kiko-tech.co.jp/products […]

BIOLOGICS, Lab
[Bio-Lab] ClonePix 2 自動動物細胞コロニーピッキングシステム – ID16709

ラボ製品 サイトの説明から。モノクローナル抗体やバイオ医薬品を生産する細胞株樹立ワークフローの効率化ClonePix 2システムは、抗体医薬候補のタンパク質高産生クローンを効率的にピッキングする自動動物細胞ピッキングシス […]

BIOLOGICS, cell, key-word
[用語] GMP – ID21884

GMP: Good Manufacturing Practice 編集履歴 2020/08/24 Mr.HARIKIRI

スポンサーリンク
by Google Ads ID19417
analysis, BIOLOGICS
[Bio-Analysis] SECカラム – AAV5を分析 ID4842 [2020/07/17]

SECによるAAV5の分析 AAV5をSECカラムで分析する例示が示されている。SECカラムでAAVを分析できるかどうか不明であったが、SEC分析は問題ないようだ。 カラムのpore sizeのスクリーニングによりSRT […]

Page: 1 2 141
スポンサーリンク

スポンサーリンク
by Google Ads ID:11143(2)

- 以下のツールに敬意を示します -
Support to AMP (Accelerated Mobile Pages) by official AMP plugin for WordPress, and compatible powered by
Post viewing : Flex Posts - Widget and Gutenberg Block