メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。

Eメールテンプレートのヘッドセクションに CSS を追加する

更新日時 2023年 1月 18日

対象製品

Marketing Hub Professional, Enterprise
Marketing Hub Basic(旧製品)

従来のメールエディターで使用するHTMLテンプレートを設計する場合は、メールの見出しセクションにCSSを含めることでメールのスタイルを設定できます。

インスペクターでのテンプレートのスタイル設定について詳細をご確認ください。

ご注意ください:この方法を利用するには、HTMLに関する基本的な知識が必要です。ドラッグ&ドロップEメールエディターではカスタムHTMLはサポートされません

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • 変更する E メールテンプレートの名前を見つけてクリックします。
  • 一番上の [編集]ドロップダウンメニューをクリックして、[Head の編集]を選択します。
  • data-hse-inline-cssタグをヘッドセクションに追加します。メールクライアントでサポートされているCSSの詳細については、こちらをご覧ください。コード


    は次のようになり、このタグ内に独自のスタイルが追加されます。
< style type =" text/css "data - hse - inline - css =" true ">
td {
font - family: Arial, sans - serif
;}
</style>
  • [変更を公開]をクリックして変更内容を公開します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。