GmailやYahoo(Gmail or Yahoo)などのWebベースの電子メールクライアントを使用している場合は、どちらのサービスも(email client)HTML署名をサポートしていないことをおそらくご存知でしょう。GmailとYahoo(Gmail and Yahoo)では、写真などを使用してリッチテキストの署名を作成できますが、署名ボックスに(signature box)HTMLコード(HTML code)を直接入力することはできません。
ほとんどの人にとって、デフォルトの署名(default signature)設定で十分ですが、真にユニークでプロフェッショナルな外観の署名には、HTMLが最適です。HTMLを使用すると、派手なレイアウトを作成したり、ソーシャルネットワーキングプロファイルのアイコンを追加したりできます。HTML署名(HTML signature)を作成するためにHTMLを知る必要があると思うなら、あなたは間違っているでしょう。
そこには多くのWebサイトがありますが、この記事で言及するいくつかのWebサイトでは、独自のHTML署名(HTML signature)を作成したり、数百のテンプレートから1つを無料または低料金でダウンロードしたりできます。
また、 Outlook.com(Outlook.com)については触れなかったことにも気付くでしょう。これは、 Outlook.comがHTML署名をネイティブに作成できる唯一のWebクライアントだからです。(web client)HTMLコードを(HTML code and paste)コピーして、署名ボックスに貼り付けるだけです。これについては、(signature box)以下(All)で説明します。Gmailから始めましょう。
GmailのHTML署名
Gmailでは、メールにHTML署名を追加する方法が2つあります。まず、送信するすべての電子メールに追加する場合は、[設定](Settings) – [一般(General)]の下の署名ボックス(signature box)を使用するのが最適なオプションです。
Gmail画面(Gmail screen)の右上にある歯車のアイコンをクリックしてから、[設定]をクリックします(Settings)。
署名ボックス(signature box)が表示される前に、ほぼ完全に下にスクロールする必要がある[全般(General)]タブに自動的に移動します。
このボックスにHTMLコード(HTML code)を入力することはできませんが、コピーして貼り付けることができます。この単純な小さな回避策は問題なく機能します。[ HTML署名の検索または作成](Find or Create HTML signatures)セクションまで下にスクロール(Scroll)して、必要なHTML署名(HTML signature)を取得します。HTML署名(HTML signature)に画像がある場合は、それらがオンラインでホストされていることを確認し、Gmailにコピーして貼り付ける(copying and pasting)前にまずHTMLコードのリンク(HTML code)URLを変更する必要があります。そうしないと、壊れた画像が表示されます。
先に進み、WebブラウザでHTML署名を開き、すべてを(web browser)選択(HTML signature)してコピー(thing and copy)します。HTMLコード(HTML code)自体を選択するのではなく、ブラウザに表示される実際の出力を選択します。
Gmailウィンドウに(Gmail window and paste)戻り、コンテンツを署名ボックス(signature box)に貼り付けます。画像が壊れて表示されていることに注意(Notice)してください。これは、画像がコンピュータにローカルに保存されているためです。
これが、 HTML(HTML)をGmailの署名(Gmail signature)に組み込む最初の方法です。すべてのメールに署名を含めたくない場合、または1つのGmailアカウント(Gmail account)に複数の署名が必要な場合、もう1つのオプションはCannedResponsesを使用することです。これはGmailラボ(Gmail labs)の機能であり、有効にして、コンテンツのブロックをメールに追加するために使用できます。
まず、それを有効にしましょう。[設定](Settings)に移動し、[ラボ(Labs)]をクリックします。[ Canned Responses ]まで下にスクロールして、[ Enable ]ボックスをクリックします。ラボ画面を終了する前に、必ず一番下までスクロールして[変更を保存(Save Changes)]をクリック(bottom and click)してください。
次に、新しいメールを作成し、作成ウィンドウ(compose window)の右下にある小さな下向き矢印をクリックします。[(Click)定型応答(Canned responses)]をクリックしてから、[保存(Save)]ヘッダーの下にある[新しい定型応答]をクリックします。(New canned response)
既定の応答に電子メールの署名( Email Signature) などの名前を付けて、[OK]をクリックします。これで、空白の作成ウィンドウが表示さ(compose window)れます。本文領域(body area)で、先に進み、HTML署名を(HTML signature)コピーして貼り付け(copy and paste)ます。
次に、それを保存する必要があります。矢印をクリックしてから、[(Click)定型応答]をクリックし、[(Canned responses)保存(Save)]ヘッダーの下にある定型応答の名前をクリックします。既定の応答を上書きするかどうかを尋ねるプロンプトが表示されます。これに対して[OK]をクリックする必要があります。既定の応答が保存されました。次に、新しい作成ウィンドウを開き(compose window and click)、下矢印をクリックしてから、[定型応答(Canned responses )]をもう一度クリックします。
これで、いくつかの新しいヘッダーが表示されます。以前に保存した既定の応答を挿入するには、[挿入(Insert)]ヘッダーの下にある応答の名前をクリックします。HTMLの定型応答は、カーソルが置かれた場所に挿入されます。
Gmailの場合はこれでほぼ完了です。どちらの方法もうまく機能し、目的も異なるため、自分に合った方法を自由に使用してください。
YahooHTML署名
Yahoo Mailの手順は、 Gmailで書いた最初の方法と非常によく似ています。最初のステップは、設定画面を開くことです。Yahooメールに(Yahoo Mail and click)ログイン(Log)し、右上の歯車アイコンをクリックしてから、[設定]をクリックします(Settings)。
次に、左側の[アカウント]をクリックしてから(Accounts)、右側にリストされているメールアカウントをクリックします。(email account)
少し下にスクロールして、[送信するメールに署名を追加する](Append a signature to the emails you send)チェックボックスをオンにします。ここで、 HTML署名(HTML signature)をコピーしてボックスに貼り付けます。
上記の画像の問題(image issue)を除いて、すべてのHTML形式(HTML formatting)を保持し、 Webブラウザ(web browser)に表示されるのとまったく同じように見えるはずです。Yahooには定型(Yahoo doesn)応答機能(response feature)がないため、電源を入れたら、ほとんどすべての電子メールに署名を追加する必要があります。
OutlookのHTML署名
Outlookは、電子メールの署名にHTMLコード(HTML code)を直接追加できるという点で優れています。これを行うには、右上の歯車アイコンをクリックしてから、[オプション(Options)]をクリックします。
[メールの書き込み(Writing email)]見出しの下で、[書式設定、フォント、署名(Formatting, font and signature)]をクリックします。
[個人の署名](Personal Signature)見出しの下に、デフォルトでリッチテキスト(Rich text)に設定された署名ボックス(signature box)が表示されます。
ドロップダウンボックスをクリックし、[HTMLで(box and pick) 編集]を選択して(Edit in HTML)HTML署名(HTML signature)を入力するだけです。ここでは、 Webブラウザのバージョン(web browser version)ではなく、実際のHTMLコード(HTML code)をコピーして貼り付けることに注意してください。
HTML署名を検索または作成する
最後に、ありがたいことに多くのコーダーとデザイナーが私たちのためにすべての大変な仕事をしてくれたので、あなたはあなた自身のHTML署名(HTML signature)をコーディングすることについて心配する必要はありません。事前に作成されたHTML署名(HTML signature)をダウンロードするか、いくつかのオンラインツールを使用して独自の署名を最初から作成することができます。以下で両方について説明します。
HTML署名を作成する
独自のWebサイトを作成するには、以下に示すいくつかのWebサイトを使用できます。一部は無料で、一部は有料です。あなたが署名をどれだけ専門的でユニークにしたいかに応じて、あなたの費用は無料から5ドルから7ドルの範囲になります。
htmlsigは人気のあるサイトであり(site and lets)、30日後に有効期限が切れる無料の電子メール署名(email signature)を作成できます。彼らはいくつかの有料サブスクリプションオプションを持っていますが、私はあなたがビジネスなどのためにたくさんの電子メール署名(email signature)を作成する必要がある場合にのみこれらの人をお勧めします。あなたが単一の個人署名を作成する必要があるだけなら、それは高価です。
NewWorldStampには、無料のオンラインHTML署名(HTML signature)ジェネレーターがあり、見栄えの良いデザインから選択できます。
メールの署名テンプレート
テンプレートをダウンロードして情報を入力したい場合は、テンプレートをダウンロードできるサイトがたくさんあります。ここにいくつかあります:
http://emailsignaturerescue.com/email-signature-templates
http://www.mail-signatures.com/articles/signature-templates/
https://www.template.net/business/email/free-email-signature-templates/
うまくいけば、あなたは今、あなたの友人、家族、そしてクライアント(family and clients)がそれを見たときに驚かせる見栄えの良い電子メール署名を作成することができます。ご不明な点がございましたら、お気軽にコメントを投稿してください。楽しみ!
How to Use HTML Signatures in Gmail, Hotmail, Yahoo
If you’re using a web-based еmаil cliеnt like Gmail or Yahoo, then you have probably learned that neither service supports HTML signatures. In Gmail and Yаhoo, you can create rich text signatures with pictures, etc, but you сan’t start typing HTML code right into the sіgnаture box.
For most people the default signature settings are enough, but for truly unique and professional looking signatures, HTML is the way to go. Using HTML, you can create fancy layouts, add icons for social networking profiles and more. If you think you need to know HTML in order to create an HTML signature, you’d be mistaken.
There are many websites out there, several that I will mention in this article that let you create your own HTML signature or download one from hundreds of templates free or for a small fee.
You’ll also notice that I didn’t mention Outlook.com and that’s because it’s the only web client that lets you create HTML signatures natively. All you have to do is copy your HTML code and paste it right into their signature box, which I will explain below. Let’s start with Gmail.
Gmail HTML Signature
In Gmail, there are two ways to add HTML signatures to your emails. Firstly, if you want it added to every email you send, the best option is to use the signature box under Settings – General.
At the top right of the Gmail screen, click on the gear icon and then click on Settings.
You’ll automatically be brought to the General tab where you have to scroll pretty much all the way down before you see the signature box.
Even though you can’t type HTML code into this box, you can copy and paste it! This simple little workaround works just fine. Scroll down to our Find or Create HTML signatures section to get an HTML signature you like. If there are any images in the HTML signature, you will need to make sure they are hosted online and that you change the link URL in the HTML code first before copying and pasting into Gmail, otherwise you’ll see broken images.
Go ahead and open the HTML signature in your web browser, select the whole thing and copy it. You don’t want to select the HTML code itself, but the actual output shown in your browser.
Go back to your Gmail window and paste the content into the signature box. Notice that my images are showing up broken and that’s because the images are stored locally on my computer.
That’s the first way to go about getting HTML into a Gmail signature. If you don’t want to include a signature with every email or if you need more than one signature for a single Gmail account, then the other option is to use Canned Responses. This is a Gmail labs feature that you can enable and use to add blocks of content into an email.
Firstly, let’s enable it. Go to Settings and then click on Labs. Scroll down to Canned Responses and then click on the Enable box. Make sure you scroll down to the bottom and click on Save Changes before leaving the labs screen.
Now compose a new email and then click on the little down arrow at the bottom right of the compose window. Click on Canned responses and then click on New canned response under the Save header.
Give your canned response a name like Email Signature or whatever you like and click OK. You’ll now just see a blank compose window. In the body area, go ahead and copy and paste the HTML signature.
Now we need to save it. Click on the arrow, then Canned responses and then click on the name of the canned response under the Save header. You’ll get a prompt asking if you want to overwrite your canned response, to which you should click OK. Your canned response has been saved. Now open a new compose window and click on the down arrow followed by Canned responses again.
Now you’ll see a couple of new headers. To insert the previously saved canned response, click on the name of the response that is under the Insert header. The HTML canned response will be inserted wherever your cursor was located.
That’s pretty much it for Gmail. Both methods work well and for different purposes, so feel free to use the one that works for you.
Yahoo HTML Signature
The procedure for Yahoo Mail is very similar to the first method I wrote about in Gmail. The first step is to open the settings screen. Log into Yahoo Mail and click on the gear icon at the top right and then click on Settings.
Now click on Accounts at the left and then click on the email account listed on the right.
Scroll down a bit and check the Append a signature to the emails you send box. Now just copy and paste your HTML signature into the box.
It should retain all the HTML formatting and look exactly like it is displayed in the web browser, except for the image issue I had mentioned above. Yahoo doesn’t have any canned response feature, so you pretty much have to add the signature to all your emails once you turn it on.
Outlook HTML Signature
Outlook is nice in that it allows you to directly add HTML code for your email signature. You can do this by clicking on the gear icon at the top right and then clicking on Options.
Under the Writing email heading, click on Formatting, font and signature.
Under the Personal Signature heading, you’ll see the signature box set to Rich text by default.
Just click on the drop down box and pick Edit in HTML to enter your HTML signature. Note that here you want to copy and paste the actual HTML code this time instead of the web browser version.
Find or Create HTML Signatures
Lastly, you don’t need to worry about coding your own HTML signature because thankfully lots of coders and designers have done all the hard work for us. Either you can download pre-made HTML signatures or you can use some online tools to create your own from scratch. I’ll mention both below.
Create an HTML Signature
To create your own, you can use a couple of websites mentioned below, some free and some paid. Depending on how professional and unique you want the signature to be, your cost will range from free to $5 to $7.
htmlsig is a popular site and lets you create a free email signature which expires after 30 days. They have some paid subscription options, but I only recommend these guys if you have to create a bunch of email signatures for a business, etc. If you only need to create a single personal signature, it’s pricey.
NewWorldStamp has a free online HTML signature generator that lets you pick from a couple of nice looking designs.
Email Signature Templates
If you prefer to just download a template and enter your information, then there are a many sites you can download templates from. Here are a few:
http://emailsignaturerescue.com/email-signature-templates
http://www.mail-signatures.com/articles/signature-templates/
https://www.template.net/business/email/free-email-signature-templates/
Hopefully, you can now create a great looking email signature that will wow your friends, family and clients when they see it. If you have any questions, feel free to post a comment. Enjoy!