請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。
在豐富的文字模組中插入和編輯圖示
上次更新時間: 2025年12月31日
圖示有助於吸引人們注意富文本內容中的重要資訊和動作。將Font Awesome圖庫中的任何圖示插入部落格文章和頁面的豐富文字模組。添加圖示後,您可以自訂其顏色、位置和大小。
請注意:圖示不能直接加入行銷電子郵件。若要在電子郵件中使用圖示,請將圖示儲存為圖片,然後將圖片插入電子郵件編輯器中。
需要權限 要編輯網站頁面、登陸頁面或部落格文章的富文字模組,必須要有編輯權限。
插入圖示
- 導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
- 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
- 按一下內容的名稱。
- 按一下您希望圖示出現的富文字模組。
- 在富文本工具列的右上方,按一下插入 下拉式功能表,然後選擇圖示。

- 在彈出的方塊中,在搜尋列中搜尋圖示。
- 按一下 圖示 ,將其插入您的富文字模組。
- 完成後,按一下右上方的「發佈」或「更新」。
編輯圖示
編輯圖示的樣式、對齊方式或其他內容的連結。您也可以取代圖示或移除圖示。
- 導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
- 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
- 按一下您的內容名稱。
- 在內容編輯器中,按一下您的圖示 以開啟圖示編輯器。
- 若要編輯圖示的顏色,請按一下backgroundColor 圖示顏色下拉式功能表,然後選擇顏色。 若要輸入十六 進位 值 或RGB 顏色值 ,請按一下進階 索引標籤。
- 使用 indent 縮排圖示向右或向左移動圖示。
- 使用blockAlignmentBottom 對齊圖示調整圖示在文字區塊中的位置。
- 若要在圖示中加入連結,請按一下 link 連結圖示,然後插上連結。
- 若要調整圖示大小,請在編輯器中按一下並拖曳圖示的四角,或在工具列中輸入寬度和高度的像素值。
- 若要從富文字模組移除圖示,請按一下圖示。然後按一下delete 刪除圖示。.
- 若要取代圖示,請按一下圖示。然後按一下replace 取代圖示,並選擇新圖示。
- 完成後,按一下右上方的「發佈」或「更新」。
![]()
編輯進階圖示選項
編輯圖示的進階選項,以新增輔助功能文字或自訂圖示連結。
- 導覽到您的內容:
- 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
- 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
- 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
- 按一下內容的名稱。
- 在內容編輯器中,按一下圖示。
- 按一下edit 編輯圖示。
- 在彈出的方塊中,按一下進階。
- 如果您的圖示有連結,您可以選擇一個或多個連結類型。這會告訴搜尋引擎此連結與您網站的關係。進一步瞭解不同的連結類型。
- 選擇圖片的用途 。
- 如果您的圖示是用來傳達資訊,請選擇「螢幕閱讀器閱讀」,並加入描述其目的的標題。
- 如果您的圖示不傳達資訊,請選擇「由螢幕閱讀器忽略」。
![]()
- 按一下套用。
- 完成後,按一下右上方的「發佈」或「更新」。
Blog
Website & Landing Pages
你的意見回饋對我們相當重要,謝謝。
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助。