Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressで美しいメールテンプレートを追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressサイトから送信されるメールの外観を変更したいですか?

初期設定では、WordPressから送信されるお知らせメールはすべてプレーンテキストで、とても味気ない。ブランド志向の企業からのメールには見えない。

この投稿では、WordPressのすべての送信メッセージに美しいメールテンプレートを追加する方法を紹介します。

Custom WordPress Email Templates

なぜWordPressでメールテンプレートを使うのか?

初期設定では、WordPressは多くのメール通知を送信します。個別投稿者のWordPressブログであれば、メールテンプレートを使わなくても大丈夫でしょう。

しかし、会員制サイトや eコマースを運営している場合は、メールのレイアウトを改善することを検討したほうがよいでしょう。

カラフルなHTMLテンプレートをメールに使用することで、ユーザーにより良いユーザーエクスペリエンスを提供することができます。また、カスタマイザーのロゴやカラーを使用することで、よりプロフェッショナルで美しいメールに仕上がります。

WordPressで美しいHTMLメールテンプレートを追加する方法を見てみましょう。

動画チュートリアル

Subscribe to WPBeginner

動画が気に入らなかったり、もっと説明が必要な場合は、そのまま読み進めてください。

WordPressでメールテンプレートを設定する

まず最初に行う必要があるのは、Eメールテンプレートプラグインのインストールと有効化です。詳しくは、WordPressプラグインのインストール方法のステップバイステップチュートリアルをご覧ください。

有効化したら、メールテンプレートのページに行き、「WordPressメールエディターを開く」ボタンをクリックするだけです。

Launch email customizer

メールカスタマイザーが起動します。

Email TemplatesプラグインはWordPressのカスタマイザーを使用し、ライブプレビューで美しいテンプレートを作成することができます。

Email template customizer

カスタマイザーにはさまざまなセクションがあります。

まず、「Settings(設定)」タブをクリックし、サイト名と送信メッセージのFrom欄に使用するメールアドレスを入力します。

General settings for your email template

初期設定では、プラグインはWordPressの設定で定義されたメールアドレスを使用します。しかし、他のメールアドレスを使用するように変更することができます。

次に、戻る矢印をクリックしてテンプレートのセクションに戻ります。

テンプレート」タブでは、全幅のテンプレートにするか、ボックスレイアウトにするかを選択できます。また、背景色も選択できます。

Template layout

ヘッダーセクションをクリックし、メールテンプレートのヘッダーを設定します。ロゴを追加したり、テキストを使用することもできます。

初期設定では、プラグインはあなたのサイト名をメールヘッダのテキストとして表示します。お好きなものに変更できます。また、フォントサイズ、ヘッダーテキスト、背景色も変更できます。

Design email template header

メール本文」では、メール本文エリアの外観を変更することができます。

背景色の選択、テキストのサイズと色の調整、メール内のリンクの色の選択ができます。

Font size and color for the email body

最後に、「フッター」タブを無視してはいけない。

初期設定では、プラグインはあなたのサイト名と著作権記号を表示します。あなたの必要に合わせてカスタマイズすることができます。

また、フォント、背景、テキストの色を変更することもできます。

Email footer color and text

メールテンプレートのデザインが完了したら、「保存」または「公開」ボタンをクリックして設定を保存します。

その後、「Send test email」タブをクリックすると、メールテンプレートのプレビューが表示されます。プラグインはWordPress設定の管理者アドレスにもメールを送信します。

Preview your email template

トラブルシューティング

WordPressサイトからメールが届かない場合は、WP Mail SMTPプラグインをインストールする必要があります。

SMTPを使用してWordPressメールを安全に送信できます。WordPressのメール到達性の問題を解決し、WordPressのメールがスパムで終わらないようにします。

詳しくは、WordPressでメールが送信されない問題を解決する方法のチュートリアルをご覧ください。

Email Templatesプラグインは、第三者のメールマーケティングサービスからのメールには影響しません。そのため、メールサービスプロバイダが提供するツールを使ってメールをデザインする必要があります。

Constant Contactや ConvertKitのようなほとんどのメールサービスプロバイダには、使用できるテンプレートがあります。WordPressブログにメール購読を追加する方法の投稿をご覧ください。

この投稿がWordPressで使える美しいメールテンプレートの追加にお役に立てば幸いです。また、WordPressの投稿日にEmail Thisオプションを追加するガイドと、WooCommerceメールカスタマイザープラグインのエキスパートピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

18件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jerome says

    Hello,

    I installed this plugin, it’s activated but all the emails sent from my wordpress are still in plain text…. do you have an idea to solve this isssue please?

    My wordpress version is 5.1.1

    Regards

    • WPBeginner Support says

      You would want to reach out to the support for the plugin for them to assist you with what the issue could be

      管理者

  3. diana says

    Hi, thank you for this useful tutorial. I have a question: With this plugin when I write a new post, would it show the full content of the post? or just an excerpt?

  4. ExclusiveT says

    i am having an issue after installing this plugin, there is another extra email with no subject / no body arriving with the correct ones. any idea why ?

  5. Elvan says

    Hi guys, we have not just one email channel which is going out.

    We need different types of this email template. Like for:

    – Signing Up
    – Inserting his ad
    – Changing her/his password
    – Applying for the student status
    – Applying for a approved stamp

    and so on. How do I build for each of this email notifications a different template and integrate it in the process?

    Best E

  6. Dan says

    Hey, thanks for the helpful article and very easy to use plugin. Only thing I couldn’t see was how to change the link colour. Otherwise it’s great!

  7. Dawn Cunnane says

    This is seemless, unintrusive and takes less than a minute to get up and running, thank you for this I now have it installed :)

  8. Marko says

    Hi hello,

    Thanks for this Tip. I am new to worldpress building my first website with very little experience. At the moment I want to add emails with a template. I have made the template like you explained. Only l don’t no how to activate it the the email link? i would really appreciate a tip. Have been working on it for some time now :)

  9. Kevin Rogers says

    I thought you did not recommend using the WordPress email tool and suggested we use a 3rd party product like Mailchimp.

  10. Karrie says

    Thanks for the info. When I go to Appearance – the only choices I have are themes, customize, widgets, menus, widget area, and editor. I do not have Email Templates as an option here. Is there somewhere else I can access it? Thanks.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。