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 アイコンとテキストを入力し、[変更を保存] をクリックします。
- [次へ] をクリックし、[保存] をクリックします。
CTAs