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

マーケティング E メールのリンクの色を変更する。

更新日時 2023年 6月 28日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

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

E メール内のリンクの色を更新するには、リッチテキストツールバーでテキストを強調表示してフォントカラーピッカーを使用します。E メールテンプレートへのカスタム CSS を追加することで、E メール内のすべてのリンクの既定のリンクカラーを更新できます。 

注意: テンプレートにカスタムスタイルを追加するには、CSS を基本的に理解する必要があります。.

E メールエディターでリンクの色を変更する

  • HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
  • 編集する Eメールにマウスポインターを置き、[編集]をクリックします。
  • 編集するリンクを含むモジュールをクリックします。
  • リンクをハイライトして、リッチ テキスト ツールバーのテキスト カラー アイコンをクリックし、色を選択します。より多くのカラーオプションにアクセスするには、[高度]タブをクリックし、カラーピッカーを使用します。

change-link-color-in-editor

E メールテンプレートのすべてのリンクの色を変更する。

  • HubSpotアカウントにて、[マーケティング]>[ファイルとテンプレート]>[デザインツール]の順に進みます。
  • 左側のファインダーで、変更したい Eメールテンプレートの名前をクリックします。

    注意: 特定のモジュールではなく、E メールテンプレート全体に変更が適用されることを確認するためにテンプレートの特定のモジュールをクリックしないでください。選択されたコンポーネントの名前がインスペクターの上部に表示されます。

  • 右側のインスペクターで、以下のコードスニペットを追加的な<head>マークアップフィールドの中に追加します。#FF6600は、リンクに適切な16進数カラー値に置き換えます。
    <style type="text/css" id="hs-inline-css"> a { color: #FF6600; } </style>
  • [変更を公開]をクリックして、テンプレートに変更を適用します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。