Gmail・Yahoo!メール・HotmailでHTML署名を作成する方法

私たちの多くは、Gmail、Yahoo!メール、HotmailといったWebベースのメールサービスを利用しています。メールの送受信に何かをインストールしたり複雑な設定をしたりする必要がないのは非常に便利ですが、実はこれらのサービスには一つ弱点があります。Hotmailを除き、メール署名でHTML入力がサポートされていないのです。確かに、これらのサービスが標準で提供しているリッチテキスト署名でも、多くのユーザーには十分かもしれません。しかし、HTMLを使えば、メール署名に独自のデザインや機能を加えるまったく新しい可能性が広がります。しかも、HTMLの専門知識がなくてもHTML署名は作成できるのです。

HTML署名を簡単に作成できるサービス

HTMLのプログラミング知識がなくてもHTML署名を作成できるオンラインサービスは数多く存在します。機能豊富なテンプレートを自由にカスタマイズして、自分好みの署名に仕上げることができます。「HTML署名 作成 オンライン」などとWeb検索すれば、無料または少額の料金で利用できるHTMLメール署名作成ツールが多数見つかります。

画像に関する注意： これらのツールを使ってメール署名に画像を挿入する場合は、必ず画像がオンライン上でホストされていることを確認してください。パソコンのローカルに保存された画像は、この方法では正しく表示されません。

署名にオリジナル画像を使用したい場合は、まずpostimage.orgなどの画像ホスティングサイトにアップロードし、画像への完全なURL(ダイレクトリンク)を控えておきましょう。

この例では、appualsのロゴをpostimage.orgにアップロードし、署名で使用するダイレクトリンクをコピーしました。

次に署名本体を作成します。使いやすいHTMLエディターとしてCKEditorをおすすめします。署名を作成したら、エディターのウィンドウは開いたままにしておいてください。このガイド全体を通してCKEditorで作成した内容を参照していきます。

これでHTML署名の準備が整いました。続けて、以下からお使いのメールサービスに対応した見出しを選び、手順に従ってください。

GmailでHTML署名を作成する手順

Gmailでは通常どおり、設定画面からメール署名オプションにアクセスして署名を作成できます。さらに、「定型文」という便利な機能を有効にすれば、署名をいくつでも登録可能です。新しいメールを作成する際に、用途に応じて署名を切り替えることができます。

画面右上の歯車アイコンをクリックし、[設定]を選択します。

[全般]タブ内で下にスクロールすると、[署名]セクションが見つかります。

先ほどCKEditorで作成したHTML署名をコピーし、署名欄に貼り付けます。このとき注意が必要なのは、HTMLのソースコードではなく、CKEditorで生成された表示結果をコピーすることです。

署名を入力し終えたら、ページ下部までスクロールして[変更を保存]をクリックします。これで完了です。

Yahoo!メールでHTML署名を作成する方法

Yahoo!メールには定型文のような高度な機能はありませんが、シンプルで使いやすいメール署名機能が備わっています。以下の手順で、Yahoo!メールにHTML署名を追加しましょう。

受信トレイ画面の右上にある歯車アイコンをクリックし、[設定]を選択します。

設定画面の左側メニューから[アカウント]をクリックし、右側に表示される自分のYahoo!メールアドレスをクリックします。

少し下にスクロールすると[署名]項目があります。[送信メールに署名を追加する]を選択し、CKEditorからHTML署名をコピーして貼り付けます(ソースコードではなく表示結果を貼り付けてください)。最後に[保存]をクリックします。

おめでとうございます!これでYahoo!メールにHTML署名を正常に追加できました。

Hotmail/Outlook.comでHTML署名を作成する方法

Outlook.comは、HTML署名を追加したいユーザーにとって非常に親切な設計です。HTML署名を直接入力できるため、上級者はHTMLコードを記述して署名を作れます。HTMLに不慣れな方でも心配はいりません。WYSIWYGエディターを使えば直感的に署名をデザインできます。WYSIWYGとは「What You See Is What You Get(見たままが得られる)」の略称です。WYSIWYGエディターでは、文章や画像、リンクを入力し、HTMLの知識ゼロでお好みのスタイルに装飾できます。エディターが自動的にHTMLコードへ変換してくれるので、そのままメール署名として使えます。

HotmailでHTML署名を作成するには、以下の簡単な手順に従ってください。

画面右上の歯車アイコンをクリックし、[オプション]を選択します。

[メールの作成]セクションから、[書式、フォント、署名]を選択します。

[個人用署名]欄の右上には、3つのモード切り替えオプションがあります。「リッチテキスト」「HTMLで編集」「プレーンテキスト」です。リッチテキストはこの場で直接署名を作成するモード、プレーンテキストは装飾なしのシンプルな署名用、そして「HTMLで編集」はCKEditorで作成したHTML署名のソースコードを貼り付けるためのモードです。

HTML署名を反映させるには、CKEditor側で「ソース」表示に切り替えてコードをコピーし、Hotmail/Outlook側で[HTMLで編集]を選択してソースを貼り付けます。その後[リッチテキスト]に戻すと、実際の表示を確認できます。リッチテキストモードで微調整を加えることも可能です。すべて完了したら[保存]をクリックしましょう。