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

WordPress のメールは通常プレーンテキストで送信されるため、プロフェッショナルなブランドに期待されるような洗練された見た目にならない場合があります。カスタムテンプレートを追加することで、メッセージに魅力的なデザインを施し、ブランドのスタイルに沿ったものにすることができ、ユーザーエクスペリエンスを向上させることができます。

しかし、これらの変更をどのように行うかを理解するのは、常に簡単なことではありません。適切なツールを見つけ、どこから始めればよいかを知ろうとすると、圧倒されるように感じることがあります。

幸いなことに、プロセスをはるかに簡単にするプラグインやリソースがあります。このガイドでは、WordPressサイトに美しいメールテンプレートを追加する方法を説明します。

WordPressのカスタムメールテンプレート

WordPress でメールテンプレートを使用する理由

デフォルトでは、WordPress は多くのメール通知を送信します。シングルライターの WordPress ブログを運営している場合は、メールテンプレートを使用しなくても済むかもしれません。

ただし、メンバーシップサイトやeコマースストアを運営している場合は、メールレイアウトの改善を検討すると良いでしょう。

メールにカラフルなHTMLテンプレートを使用すると、ユーザーエクスペリエンスが向上します。また、カスタムロゴと色を使用すると、メールがよりプロフェッショナルで見た目にも美しくなります。

さて、WordPress で美しい HTML メールテンプレートを追加する方法を見ていきましょう。以下は、これから説明する内容の簡単な概要です。

さっそく始めましょう!

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

まず最初に行うべきことは、Email Templates プラグインをインストールして有効化することです。詳細は、WordPress プラグインのインストール方法に関するステップバイステップのチュートリアルをご覧ください。

有効化したら、「Email Templates」ページに移動し、「Open WordPress Email Editor」ボタンをクリックするだけです。

メールカスタムライザーを起動

これはメールカスタマイザーウィンドウを起動します。

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

メールテンプレートカスタムライザー

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

まず、「Settings」タブをクリックして、送信メッセージの「From Email」フィールドで使用するサイト名とメールアドレスを入力する必要があります。

メールテンプレートの一般設定

デフォルトでは、プラグインはWordPressの設定で定義されたメールアドレスを使用します。ただし、これを他の任意のメールアドレスを使用するように変更できます。

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

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

テンプレートレイアウト

完了したら、ヘッダーセクションをクリックするだけで、メールテンプレートのヘッダーを設定できます。カスタムロゴを追加 するか、単にテキスト要素を使用してください。

デフォルトでは、プラグインはメールヘッダーにサイトの名前をテキストとして表示しますが、好きなものに変更しても構いません。フォントサイズ、ヘッダーテキスト、背景色も変更できます。

メールテンプレートのヘッダーをデザインする

「メール本文」セクションでは、メール本文エリアの外観を変更できます。

メール本文の背景色を選択したり、文字サイズや色を調整したり、リンクの色を選択したりできます。

メール本文のフォントサイズと色

最後に、「フッター」タブを無視しないでください。

デフォルトでは、プラグインはサイト名と著作権記号を表示します。しかし、必要に応じてカスタマイズできます。

必要であれば、フォント、背景、テキストの色も変更できます。

メールフッターの色とテキスト

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

その後、「テストメールを送信」タブをクリックして、メールテンプレートをプレビューします。プラグインは、WordPress設定の管理者アドレスにもメールを送信します。

メールテンプレートをプレビューする

ボーナスのヒント:メール送信問題のトラブルシューティング

WordPressウェブサイトからメールを受信していない場合は、WP Mail SMTPプラグインをインストールする必要があります。このプラグインを使用すると、SMTPを使用してWordPressのメールを安全に送信できます。

WP Mail SMTPウェブサイト

WP Mail SMTP は、WordPress のメール配信問題を解決し、WordPress のメールが迷惑メールフォルダに入らないようにします。

詳細については、WordPressでメールが送信されない問題を修正する方法に関するチュートリアルをご覧ください。

さらに、Email Templatesプラグインは、サードパーティの メールマーケティングサービスからのメールには影響しません。それについては、メールサービスプロバイダーが提供するツールを使用してメールをデザインする必要があります。

Constant Contact や ConvertKit のようなほとんどのメールサービスプロバイダーには、使用できるテンプレートがあります。

詳細については、WordPressブログにメール購読を追加する方法に関するガイドをお読みください。

動画チュートリアル

ビデオでの説明をご希望ですか? WordPressサイトに美しいメールテンプレートを追加する方法に関するYouTubeチュートリアルをご覧ください。

WPBeginnerを購読する

この記事が、WordPressで美しいメールテンプレートを追加するのに役立ったことを願っています。また、WordPressの投稿に「このメールを送信」オプションを追加する方法に関するガイドや、最高のWooCommerceメールカスタマイザープラグインの専門家による選び方もご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

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

読者とのインタラクション

17 CommentsLeave a Reply

  1. メールの本文テキストを変更するにはどうすればよいですか?

    ありがとうございます

  2. Hello,

    このプラグインをインストールして有効化しましたが、WordPressから送信されるすべてのメールがプレーンテキストのままです。この問題の解決策について何かアイデアはありますか?

    私のWordPressのバージョンは5.1.1です

    Regards

    • 問題の原因を特定するために、プラグインのサポートに問い合わせる必要があります。

      管理者

  3. こんにちは、この役立つチュートリアルをありがとうございます。質問があります。このプラグインを使用すると、新しい投稿を書いたときに、投稿の全文が表示されますか?それとも抜粋だけですか?

  4. このプラグインをインストールした後、問題が発生しています。正しいメールと一緒に、件名/本文のない別の余分なメールが届きます。何か原因はわかりますか?

  5. 皆さん、送信されるメールチャンネルは1つだけではありません。

    このメールテンプレートには、さまざまな種類が必要です。例えば:

    – 登録
    – 広告の掲載
    – パスワードの変更
    – 学生ステータスの申請
    – 承認スタンプの申請

    そして、その他。これらのメール通知それぞれに異なるテンプレートを作成し、プロセスに統合するにはどうすればよいですか?

    Best E

  6. こんにちは、役立つ記事と非常に使いやすいプラグインをありがとうございます。リンクの色を変更する方法が見つからなかっただけです。それ以外は素晴らしいです!

  7. こんにちは、

    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 :)

  8. WordPressのメールツールを使用しないように推奨し、Mailchimpのようなサードパーティ製品の使用を提案したと思いました。

  9. 情報ありがとうございます。Appearance(外観)に移動すると、テーマ、カスタマイズ、ウィジェット、メニュー、ウィジェットエリア、エディターしか選択肢がありません。メールテンプレートはオプションとして表示されません。どこでアクセスできますか?よろしくお願いします。

    • Karrieさん、Email templatesプラグインをインストールしましたか?WordPressのバージョンは4以上ですか?

返信する

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