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

CTA で Font Awesome を使用する

更新日時 2020年 10月 19日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub 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 アイコンとテキストを入力し、[変更を保存] をクリックします。
  • [次へ] をクリックし、[保存] をクリックします。
/jp/cta/how-do-i-use-font-awesome-in-my-cta