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

CTA で Font Awesome を使用する

更新日時 4月 12, 2019

対象製品

Marketing Hub  Professional, Enterprise
Basic

HubSpot に Font Awesome をインストールすると、CTA で Font Awesome を使用できるようになります。

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
  • 右上にある [CTA を作成] をクリックするか、既存の CTA の上にカーソルを置いて [アクション] ドロップダウンメニューをクリックし、[編集] を選択します。
  • 右側のパネルにあるリッチテキストエディターで、ソースコードアイコン code をクリックします。
注:<i class=...> 要素は、HubSpot リッチテキストディタ―のソースコードで使用できません。Font Awesome アイコンを実装する場合は、以下の例に記載されている <span> タグを使用することをお勧めします。
<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 アイコンとテキストを入力し、[変更を保存] をクリックします。
  • [次へ] をクリックし、[保存] をクリックします。