請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
插入和編輯富文本模組中的圖示
上次更新時間: 六月 22, 2023
您可以將Font Awesome庫中的任何圖示添加到博客文章和頁面的富文本模塊中。 新增圖示後,您可以自訂圖示的顏色、位置和大小。
請注意:圖示不能直接添加到行銷電子郵件中。 若要在電子郵件中使用圖示,請將圖示儲存為影像,然後將影像插入電子郵件編輯器。
在富文本模組中為內容新增圖示
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 博客: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「部落格」。
- 將遊標停留在頁面或文章上,然後按一下「編輯」。
- 按一下您想要顯示圖示的格式文字模組。
- 在富文本工具列的右上角,按一下插入下拉式選單,然後選擇圖示。
- 在彈出式方塊中,在搜尋列中搜尋圖示。
- 按一下圖示將其插入到您的富文本模組中。
編輯圖示
插入圖示後,您可以編輯圖示的外觀和位置,或連結至其他內容。
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 博客: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「部落格」。
- 將遊標停留在頁面或文章上,然後按一下「編輯」。
- 在內容編輯器中,按一下圖示以開啟圖示編輯器。
-
- 若要編輯圖示的顏色,請按一下backgroundColor 圖示顏色下拉式選單,然後選擇一種顏色。 若要輸入十六進制值或RGB顏色值,請按一下「進階」標籤。
- 使用縮 排圖示圖示向右或向左移動圖示。
- 使用blockAlignmentBottom 對 齊圖示來調整圖示在文字區塊中的位置。
- 若要將連結新增至圖示,請按一下連結連結圖示,然後插入連結。
- 若要調整圖示的大小,請在編輯器中按一下並拖動圖示的角落,或在工具列中輸入寬度和高度的像素值。

- 若要從富文本模組中移除圖示,請按一下影像,然後按一下刪除垃圾箱圖示 。
- 若要替換圖示,請按一下影像,然後按一下替換圖示並新增圖示。
編輯進階圖示選項
你可以編輯圖示的進階選項,以新增無障礙文字或自訂圖示連結。
- 在內容編輯器中,按一下圖示。
- 按一下 編輯編輯圖示。
- 在彈出式方塊中,按一下進階。
- 如果您的圖示有連結,您可以選擇一個或多個連結類型。 這會告訴搜索引擎此連結如何與您的網站相關聯。 進一步了解不同的連結類型。
- 為影像選擇目的 。
- 如果您的圖示旨在傳達資訊,請選擇「螢幕閱讀器讀取」,然後新增描述其用途的標題。
- 如果您的圖示無法傳達資訊,請選擇被螢幕閱讀器忽略。
- 按一下套用。

Landing Pages
Blog
Website Pages
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。