この記事ではメール配信機能でHTMLメールを作成する方法について説明します。今回は、特に年賀メールの作成を具体的な例をあげて説明していきます。年賀状メールの作成方法については、様々ありますがその中でも最もかんたんな方法についてご案内します。

１．素材を用意する

年賀状メールに限らずではありますが、HTMLメールの利点は画像を添付ファイルではなく、メール本文内で表示される点にあります。極論ではありますが、HTMLは画像さえ用意できてしまえば、完成したも同然です。

プライベートで送る年賀状メールであれば、ご自身で作成されたイラストやお写真をご用意でも良いかと思いますが、会社の取引先やお付き合いのあった方へ送る年賀状メールであれば、bizoceanの年賀状テンプレートをお勧めします。

【bizocean（ビズオーシャン）】は340万人以上が登録するビジネス情報サイトです。日本最大級のビジネステンプレートサイト。書式・テンプレートから、専門家による書式の書き方やビジネスマナーを解説するコラムなど、仕事に役立つ情報が満載です。

無料で会員登録して多彩な年賀状テンプレートをダウンロードしましょう。無料登録方法でお困りの場合は、こちらをご覧ください。

※bizoceanで提供されているテンプレート／画像データは商用利用が禁じられているものがございます。利用規約をご確認の上ご利用ください。なお、年賀メール内に商品案内等が含まれると、商用利用と判断される場合もございますので、ご挨拶状としての作成でのご利用をお願いします。

２．パーツを配置する

Hirameki 7のメール配信機能では、コンテンツを配置することでかんたんにHTMLメールが作成できます。もちろんテキストメールで送信することも可能ですが、今回は年賀メールの送信となりますので、HTMLメールの作成方法をご案内します。

メール設定画面が表示されるとまずは「メール件名」の入力を行います。続いて「メール本文」をHTMLをクリックします。

HTMLをクリックするとコンテンツメニューが表示されます。

追加できるパーツは以下の通りになります。

各パーツはドラッグ＆ドロップで追加することができ、追加したパーツは縦に並んで配置されてゆきます。パーツを横並びに表示させたい場合は、まずレイアウトパーツを配置して、その中にシングルパーツを追加してゆくことで横並びでの配置を実現することができます。

３．パーツ配置のコツ

パーツ配置については、「こうしなければいけない！」というようなルールはありませんが、受信される人が読みやすくなるように工夫することが大事です。そして、もう一つ重要な観点として、HTMLメールは受信するメールソフトによっては意図した通りに表示されない場合があるということを意識する必要があります。

Hirameki 7のメール配信機能では可能な限りどのようなメールソフトやアプリを使っていても意図した通りに表示されるよう設計されてはいますが、確実にすべてのメールソフト/アプリで意図した通りに表示されるものではありません。

例）

Hirameki 7での編集時

Gmailで受信した場合

Outlookで受信した場合

とこのように、画像の位置がOutlookでは左寄せで表示されてしまいます。

多数の方へメールを送信する「メール配信」では残念ながら、すべてのユーザーの利用しているメールソフト/アプリにあわせて内容を変更することは不可能です。それでも、せっかくお送りするメールですから、このパートでは可能な限り意図した通りに表示させるためのちょっとした工夫についてご案内します。

ロゴを配置する

レイアウトパーツは、HTMLに追加するパーツを横並びに配置することができます。先の例のように右寄せで画像を配置したい場合は、３列のレイアウトパーツを利用します。

レイアウトパーツを配置した後、右側の領域に画像コンテンツを追加します。

この状態で保存し、送信するとOutlookでも意図した通りの場所にロゴ画像が配置されます。

もちろん中央、左側でも適応可能ですので、是非お試しください。

HTMLメールの編集方法については、以上となります。続いて実際の作例を利用しそのHTMLメールがどのような作られ方をしているかについて解説します。