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

CTAにカスタムスタイルを追加する

更新日時 4月 15, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic

HubSpotのCTA(Call-To-Action)詳細オプションを使用すると、ウェブサイトのテーマに合わせて、簡単にCTAボタンを細かくカスタマイズ設定することができます。

注:カスタムスタイルはカスタムボタンのみに適用され、画像ボタンには適用されません

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
  • 既存のCTAの上にカーソルを置いて、[アクション]ドロップダウンメニューをクリックし、[編集]を選択します。右上の[CTAを作成]をクリックします。edit-or-create-new-cta
  • スライドインパネルで[詳細オプション]をクリックします。

  • カスタムCSSスタイルをCTAに適用するには、次の2つの方法があります。
    • CTAにカスタムクラスを追加する場合、カスタムCSSクラスフィールドはカスタムクラス入力をサポートします。これが役に立つのは、複数のウェブサイトページにまたがって使用されているCTAで、フォントファミリー、サイズ、パディング、マージンといった類似のデザイン特性のセットを共有する必要がある場合です。カスタムCSSクラスを使用する場合、HubSpotのページのメインスタイルとして適用されるCSSスタイルシートにそのクラスが含まれていて、スタイルが設定されている必要あります。
    • 編集中のCTAにカスタムスタイルを適用する場合は、カスタムCSSフィールドで、CTAに固有のインラインスタイルを適用することができます。変更したいCTAの要素がある場合は、変更を保存する前にここに新しいスタイルの宣言を追加します。
  • 右下の[次へ]をクリックして、CTAの作成や編集を終了します。