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

CTA で Font Awesome を使用するにはどうすればよいですか?

更新日時 1月 28, 2019

対象製品

Marketing Hub Professional, Enterprise
Basic

Font Awesome とは、サイズや色など CSS で変更できる属性のほとんどをカスタマイズできるスケーラブルなベクターアイコンのフォントのことです。開始する前に、Font Awesome をインストールしていることを確認してください。

Font Awesome を CTA に追加するには、次の手順を実行します。

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
  • [CTA を作成] をクリックするか、既存の CTA にカーソルを置いて、[アクション][編集] の順にクリックします。
  • エディターのサイドバーメニューがスライドして表示されます。テキストエディターで、ソースコードアイコンコードをクリックしてソースコードにアクセスします
: 要素は、WYSIWYG エディターのソースコードと併用できません。Font Awesome アイコンを実装する場合は、以下の例に示すように タグを使用することをお勧めします。
<h2>Font Awesome Icons Example</h2>
<ul class="fa-ul">
<li><span class="fa-twitter fa"></span>Twitter Icon</li>
<li><span class="fa-list-ul fa"></span>List Icon</li>
<li><span class="fa fa-camera-retro fa-lg fa"></span>Camera Icon</li>
</ul>
  • Font Awesome アイコンおよび任意のテキストのコードをここに入力して、[Ok] をクリックします。[次へ] をクリックして CTA 編集ステップを進め、完了したら [完了] をクリックします。