カテゴリー
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 ID24747
  • by Google Ads ID23293
  • by Google Ads ID:11145
スポンサーリンク
by Google Ads ID8603

はじめに

スポンサーリンク
  • 【国内正規品】 DJI POCKET 2 Creator コンボ 黒 by Amazon ID25883
  • SanDisk ( サンディスク ) 128GB microSD Extreme PRO microSDXC A2 SDSQXCY-128G-GN6MA [ 海外パッケージ品 ] ,by Amazon ID26153

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

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

スポンサーリンク
by Google Ads ID19417
  • コンタクトフォーム・プラグイン
    • WordPressには、基本情報として訪問者のemailアドレスを記入し保管しています
    • 訪問者が、コンタクトフォームに当サイトへの質問、コメントを記載して送信するとき、その内容を、管理者メールアドレスに送信されます。この時、今回のプラグイン「WP Mail SMTP by WPForms」とGoogle Developer Consoleの「APIの作成」が必要です
  • Ultimate Member プラグイン
    • Ultimate Memberは、メンバーシップを構築できるプラグインです。
    • 訪問者が当サイトにemailを新規登録する場合、その申請内容を管理者メールアドレスに送信されると共に、訪問者が記載したメールアドレスに、確認用のメールを当サイトから送信します。いずれにも、今回の作業が必要です
  • UpdraftPlus プラグイン
    • UpdraftPlusは、WordPressとプラグインなど、全体的をバックアップ、リストアするツール・プラグインです
    • バックアップを開始した後、作業が終了した際に、管理者メールアドレスに、終了通知のemailを送信します。この送信を可能にするには、今回の作業が必要です
スポンサーリンク
by Google Ads ID8603
スポンサーリンク
  • 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

準備

スポンサーリンク
by Rakuten ID:15895

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

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

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

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の設定に使用します。まずは、右横のアイコンをクリックしてコピーしておきます
スポンサーリンク
by Google Ads ID8603

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 ID13211
  • by Amaozn ID13196
スポンサーリンク
  • 【Amazon.co.jp 限定】HP USBメモリ 128GB USB 3.1 スライド式 金属製 HPFD796L-128 GJP by Amazon - ID 24751
  • 3Dプリンター ダヴィンチ Jr. 1.0(造形サイズ15×15×15cm) - 環境に優しい土に返るPLAフィラメント - ダビンチ Jr. 1.0 XYZプリンティングジャパン by AMAZON ID21513
  • 3Dプリンター|ダヴィンチ1.0 pro|オートキャリブレーション機能付|オープンフィラメント可|ABS対応|造形サイズ20×20×20cm|レーザー刻印機能拡張可|積層ピッチ0.02mm~|3F1AWXJP00F - XYZプリンティングジャパン by AMAZON ID21511
  • ABS使用可 造形サイズ175×175×175mm オープンフィラメント可 オートキャリブレーション機能付き レーザー刻印機能拡張可 金属系PLA拡張可 3FJSPXJP00G - ダビンチ Jr.Pro X+ XYZプリンティングジャパン by AMAZON ID21509
  • zedela 5-in-1 USB-Cハブ【3ポート5Gbps by Amazon - ID 24751
スポンサーリンク

用語の解説、関連タグ付き投稿の抽出

WP Mail SMTP by WPForms

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

Update ID21920

AAV, BIOLOGICS, company, COMPANY-FAVOR, virovek
気になる企業 – VIROVEK (バイロベック) – AAV-toxin Vector技術 – ID12859 [2020/03/31]

目次1 VIROVEC2 TransfectionとPlasmid VIROVEC VirovekはSf9/vaculovirusをベースに独自のAAV-toxin技術を持つCMOである。 Hayward, CA, US […]

スポンサーリンク
by Google Ads ID19417
LIFE, TRIP
[Trip] 生駒山「宝山寺」- 崖に望むパワースポット、参道の店舗も魅力的 – ID13760 [2020/05/17]※

目次1 生駒山「宝山寺」2 参道の賑わいは?3 駐車場4 境内5 ジオラマ6 パワースポット7 帰り8 摩波楽茶屋 生駒山「宝山寺」 大阪からは、阪奈道路で奈良方面に向かい、生駒山スカイライン(往復700円)を使って奈良 […]

LIFE, TRIP
[Trip] 枚岡神社 – そんなに標高は高くないが、大阪平野を見渡せる-パワースポット:枚岡公園がある – ID15821 [2020/12/25]

目次1 枚岡神社2 駐車場3 大鳥居4 参道5 境内6 枚岡公園7 まとめ 枚岡神社 東大阪市の生駒山麓にある、「枚岡神社 ひらおかじんじゃ」は、立派な参道があります。でも、お土産やは、殆どないため賑わいには欠けますが、 […]

hotel, LIFE, lounge, TRIP
[Hotel] リーガロイヤルホテル – 広々としたメインラウンジで苺の和風デザート – ID15871 [2020/05]

目次1 リーガロイヤルホテル大阪2 駐車場3 ロビー4 メインラウンジ5 苺の和風デザート6 メインラウンジからの風景7 フラワーショップ8 グルメブティック メリッサ リーガロイヤルホテル大阪 梅田にある「リーガロイヤ […]

hotel, LIFE, lounge, TRIP
[Hotel] リーガロイヤルホテル大阪 – スイートルーム (2018) – ID15948 [2020/05/17]

目次1 リーガロイヤルホテル大阪1.1 ロビー2 スイートルーム3 クラブラウンジ4 窓からの風景 リーガロイヤルホテル大阪 梅田にある「リーガロイヤルホテル大阪」のスイートルームに泊まったことがあります。 本館は、もう […]

restaurant, TRIP
[Trip] イギリスのウインザー城門前 – フィッシュアンドチップスが美味い THE CARPENTERS ARMS (2016)- ID15966 [2020/05/17]

目次1 THE CARPENTERS ARMS1.1 ウィンザー城1.2 店構え2 フィッシュアンドチップス THE CARPENTERS ARMS イギリスのウインザー(Windsor)城の門前町にある、THE CAR […]

更新された投稿の最新順

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

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

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

adsense, plugin, WordPress
[WordPress] CLS; Cumulative Layout Shift – 2021/03からGoogle検索評価のスコアに加わる – ID26235 [2020/12/23]

目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 関連記事5 参考サイト はじめに 当サイトを立ち上げた頃には、もっぱらpluginの追加をすることで、サイ […]

スポンサーリンク
by Google Ads ID19417
plugin, WordPress
[WordPress] Widget Logic プラグイン – ID26082 [2020/12/17]

目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテストされていますせんが、おそらく […]

plugin, Synology, WordPress
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]

目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ4.1.1 WP Super […]

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

目次1 AMPの記事まとめ2 AMPの「更新済みURL」が作成されない問題と対策 AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMPの「更新済み […]

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

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

最新記事(WordPress, ID:14681)

adsense, plugin, WordPress
[WordPress] CLS; Cumulative Layout Shift – 2021/03からGoogle検索評価のスコアに加わる – ID26235 [2020/12/23]

目次1 はじめに2 Cumulative Layout Shift3 ページのレスポンスを測定するツールサイト4 関連記事5 参考サイト はじめに 当サイトを立ち上げた頃には、もっぱらpluginの追加をすることで、サイ […]

plugin, WordPress
[WordPress] Widget Logic プラグイン – ID26082 [2020/12/17]

目次1 Widget Logicプラグイン2 条件の例 Widget Logicプラグイン 2020/12現在、updateがされておらず、WordPress の最新Version ではテストされていますせんが、おそらく […]

security, WordPress
[WordPress] AMP対応化で、使用しているその他のプラグインによるエラーが出ないようにするために – プラグイン別 [2020/11/16] ID24858

目次1 はじめに2 基本的な設定方法3 WordPress プラグイン別3.1 Content of Table Plus はじめに AMPプラグインをインストールしている場合、投稿/ページを公開/更新した際に、AMPの […]

plugin, Synology, WordPress
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]

目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ4.1.1 WP Super […]

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

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

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

目次1 AMPの記事まとめ2 AMPの「更新済みURL」が作成されない問題と対策 AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMPの「更新済み […]

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

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

最新記事(Synology, ID:14676)

Raid, re-install, security, Synology
[Synology] 写真の管理 / Photo Station & Moments – ID26326 [2020/12/31]

目次1 はじめに1.1 必要なもの2 補完的に活用する3 バックアップ4 Windows10のiCloudフォトからバックアップを取る5 MomentsからPhoto Stationのフォルダを見る6 iOSからMome […]

plugin, Synology, WordPress
[WordPress] 高速化プラグイン「AMP」と定期的に全てのページの静的キャッシュ作成プラグイン「WP Super Cache」で再構成した- ID22640 [2020/12/11]

目次1 はじめに2 ページのAMP化のみでもレスポンス改善は十分高い3 キャッシュプラグインを追加する4 プラグインは専用機能がいい4.1 WP Super Cacheの設定のほんとのところ4.1.1 WP Super […]

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

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

スポンサーリンク
by Google Ads ID19417
Synology
[Synology – Plex] Plex Serverに繋がらなくなったときの対処法 – ID24032 [2020/10/04]

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

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

目次1 AMPの記事まとめ2 AMPの「更新済みURL」が作成されない問題と対策 AMPの記事まとめ AMPページに対応すべく奮闘しています。当サイトで記事にしたAMP関連と情報リンクをまとめました。 AMPの「更新済み […]

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 […]

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

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

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

ART
[Gear] Back Ground Screen (iPadを背景画像にする) – ID4919 [2019/12/25]

小物の雑貨などの写真を撮りたいときに、背景が欲しかった。そうだ、ディプレイをバックにしてみよう。 という訳で、これです。

スポンサーリンク
by Google Ads ID19417
BIOLOGICS, drug, mAb
[Bio-Edu] BiTE抗体 – 6 x His tagで精製を容易にする – ID192 [2020/07/27]

目次1 BiTE抗体とは2 ヘムライブ3 歴史 BiTE抗体とは 二重特異性抗体(BiTE)は、がん細胞と免疫細胞を引き合わせる。近寄った免疫細胞は、がん細胞を攻撃できるようになる。抗体は2つのそれぞれ異なる特異抗原と結 […]

analysis, BIOLOGICS, production
[Bio-Equip] SoloVPE – 高濃度タンパク質の無希釈測定 – ID17284

SoloVPE 抗体医薬品のタンパク質濃度は、患者利便性から静注から皮下注に移行する中、高濃度化製剤となってきています。 高濃度タンパク質は、粘度が高いことから希釈操作の難しさがあり、濃度測定は、測定者の熟練度の高さが要 […]

english
今日の英語 – most expensive ~ 高価であること – ID24800 [2020/10/14]

most expensive the most expensive model最も高いモデル The $349 price tag (since reduced to $299) was hundreds of doll […]

Gear, hard
[Gear] DJI Pocket 2 – SDメモリー選びは、しっかりと規格と価格帯を把握して購入すれば安く済むはずだった! – ID25858 [2020/12/11]

DJI Pocket 2 Creator COMBOの購入とmicro SDカードの購入に際し、特にSDカードの性能と価格帯を理解しておかないといけなかった経験談。SDカードの規格を理解する。

Synology, WordPress
Google MapプラグインをWordPressに導入して稼働させるには、Googleの「請求の有効化」が必要? – ID4341

目次1 Google Mapプラグインの導入検討1.1 プラグインの導入と検証1.1.1 2019/12/15時点1.1.2 2021/01更新2 自分でAPIキーを用意する場合2.1 請求情報の登録が必要2.2 有効化 […]

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

スポンサーリンク
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