--- url: "/ja/emailify/signatures/yahoo-webmail.md" description: "EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてYahoo!（Webメール）で使用できます。" --- # Yahoo!（Webメール）用のHTMLメール署名のエクスポートとインストール > EmailifyにはHTML署名のエクスポートオプションがあり、コピー＆ペーストしてYahoo!（Webメール）で使用できます。 > **Warning:** **メール署名には、HTMLで10,000文字までというサイズの上限があります。** 署名をエクスポートしたあと、上限を超えている場合はプラグインで警告が表示されます。上限を超えないようにするには、Emailifyプラグインの**Footer**タブにある**Signature**スターターコンポーネントを活用してください。 > **Note:** 残念ながら、**「HTML Email Signature」のエクスポートでは、レスポンシブなモバイル用の上書き設定は*反映されません***。メールクライアントがCSSのstyleタグや@mediaクエリを取り除いてしまうためです（そのため、コードのエクスポートにも含まれません）。元のデザインの段階で、デスクトップとモバイルのどちらの幅でもきれいに見えるようバランスを取ることをおすすめします。 ### 動画チュートリアル：FigmaからHTMLメール署名をデザインしてエクスポートする この動画では、Emailifyプラグインを使い、 本番用のレスポンシブなHTMLメールをFigmaから デザインしてエクスポートする方法を紹介します。 [Embedded media](https://www.youtube-nocookie.com/embed/dmjDTWiphWk) ## EmailifyからHTML署名をエクスポートする {#export-your-html-signature-from-emailify} [Video](/assets/videos/emailify/export/export-email-signature.mp4) Emailifyプラグインで**Export HTML**ボタンをクリックしてエクスポートパネルを開き、ドロップダウンリストから**HTML Email Signature**を選択します。次に**Export to HTML Signature**ボタンをクリックすると、Figmaで選択したメールのHTMLエクスポートが始まります。 Emailifyでメールの処理が終わると、確認メッセージが表示されます。**Download your .zip file**ボタンをクリックして`.zip`ファイルをパソコンにダウンロードし、`.zip`を解凍すると、エクスポートしたファイルを確認できます。 ## HTMLメール署名をクリップボードにコピーする {#copy-your-html-email-signature-to-the-clipboard} [Video](/assets/videos/emailify/export/copy-html-signature.mp4) EmailifyからHTMLメール署名をエクスポートして`.zip`ファイルを解凍したら、`preview-and-install.html`ファイルを[Google Chrome](https://www.google.com/chrome/)で開きます（Safariなどほかのブラウザでは問題が起きることがあります）。プレビューページで**Copy HTML Signature**ボタンをクリックすると、HTML署名の内容がクリップボードに自動でコピーされます。 > **Tip:** メールクライアントによっては、「生の」HTMLコードが必要な場合があります。その場合は、`preview-and-install.html`ファイルの**Copy HTML Signature (Raw Code)** ボタンをクリックすると、生のHTMLとしてクリップボードにコピーできます。 > **Note:** HTMLをクリップボードにコピーしたら、以下の手順（[SignatureHound](https://signaturehound.com/)の優れたガイドを元にしています）に沿って、メールクライアントに署名をインストールできます。 ## Yahoo!（Webメール）にHTMLメール署名をインストールする方法 {#how-to-install-your-html-email-signature-in-yahoo-web-mail} > **Warning:** 残念ながら、**Yahoo!メールは署名内の画像をその場で調整しており、この動作は当社では制御できません。** 下記の[表示に関する問題の詳細](#important-information-about-yahoo-mail-image-scale-rendering-issues)を必ずお読みください。 ![Yahoo!（Webメール）のアイコン](/assets/images/emailify/signatures/yahoo-webmail.png) 1. Yahooアカウントにログインしたら、右上の設定（歯車）アイコンをクリックします。 2. ドロップダウンが開いたら**More Settings**をクリックします。 3. 設定のオプションから**Writing Email**をクリックします。 4. 中央の列の下部にある **+** ボタンをクリックします。 5. 署名エディターに新しいメール署名をコピー＆ペーストします。 > **Warning:** 現在、Chromeのコピー＆ペーストの処理方法に不具合があり、署名のリンクに下線が表示されてしまいます。この問題を解決するには、[Mozilla Firefox](https://www.mozilla.org/en-US/firefox/new/)などの別のブラウザで署名のインストール手順を完了してください。別のブラウザでメール署名を設定したあとは、Chromeを使い続けてかまいません。 > **Note:** 右側のプレビューに署名が表示されない場合は、署名エディターのテキストカーソルをペインの一番上に移動し、**Enter**キーを押してください。 ![Yahoo!（Webメール）の設定画面のスクリーンショット](/assets/images/emailify/signatures/yahoo-webmail-1.jpg) 6. 署名は自動で保存されます。設定ページを閉じて新しいメールを作成すれば、新しい署名をお使いいただけます！ ![Yahoo!（Webメール）にインストールされた署名のスクリーンショット](/assets/images/emailify/signatures/yahoo-webmail-2.jpg) ### Yahoo!メールの画像の拡大縮小による表示の問題に関する重要な情報 {#important-information-about-yahoo-mail-image-scale-rendering-issues} 残念ながら、Yahoo!メールは署名内の画像をその場で調整しており、この動作は当社では制御できません。画像が元のサイズから縮小されている場合、一部のメールクライアントで表示の問題が起きることがあります。 次の画像が縮小されることを確認しています。 - プロフィール画像（400px → 100px） - ロゴ（600px → 150px） Yahoo!メールのプレビューでは署名が問題なく見えても、Outlook 2019などのMicrosoft製のメールクライアントを使っている受信者には、画像が元のサイズで表示される可能性が高いです（下の例を参照）。 ![Yahoo!（Webメール）から送信したメールをMS Outlookで表示したスクリーンショット](/assets/images/emailify/signatures/yahoo-webmail-warning.jpg) Windowsのメールクライアントを使っている受信者に署名を送信して、テストしてください。問題が起きている場合は、署名に表示されるサイズとまったく同じサイズで画像をアップロードする（縮小しない）ことで解決できます。画像のサイズを適切に変更するには、[無料のオンラインサービス](https://www.iloveimg.com/resize-image)（またはFigma）を利用できます。 > **Warning:** サイズを変更すると、Windowsのメールクライアントでは画像が正しく表示されますが、タブレット、スマートフォン、その他の高解像度の画面では少しぼやけて見えます。この点を妥協できない場合は、別のメールクライアントを使うことをおすすめします。