跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

在豐富的文字模組中插入和編輯圖示

上次更新時間: 2025年12月31日

可搭配下列任何訂閱使用,除非另有註明:

圖示有助於吸引人們注意富文本內容中的重要資訊和動作。將Font Awesome圖庫中的任何圖示插入部落格文章和頁面的豐富文字模組。添加圖示後,您可以自訂其顏色、位置和大小。

請注意:圖示不能直接加入行銷電子郵件。若要在電子郵件中使用圖示,請將圖示儲存為圖片,然後將圖片插入電子郵件編輯器中


需要權限 要編輯網站頁面、登陸頁面或部落格文章的富文字模組,必須要有編輯權限

插入圖示

  1. 導覽到您的內容:
    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  2. 按一下內容的名稱
  3. 按一下您希望圖示出現的富文字模組
  4. 在富文本工具列的右上方,按一下插入 下拉式功能表,然後選擇圖示。

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Insert' dropdown menu to display options. An arrow points to the insert options, including call-to-action, embed, video, table, icon and more.

  1. 在彈出的方塊中,在搜尋列中搜尋圖示
  2. 按一下 圖示 ,將其插入您的富文字模組。
  3. 完成後,按一下右上方的「發佈」「更新」

編輯圖示

編輯圖示的樣式、對齊方式或其他內容的連結。您也可以取代圖示或移除圖示。

  1. 導覽到您的內容:
    1. 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    2. 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
    3. 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  2. 按一下您的內容名稱
  3. 在內容編輯器中,按一下您的圖示 以開啟圖示編輯器。
    • 若要編輯圖示的顏色,請按一下backgroundColor 圖示顏色下拉式功能表,然後選擇顏色。 若要輸入十六 進位 RGB 顏色值 ,請按一下進階 索引標籤。
    • 使用 indent 縮排圖示向右或向左移動圖示。
    • 使用blockAlignmentBottom 對齊圖示調整圖示在文字區塊中的位置。
    • 若要在圖示中加入連結,請按一下 link 連結圖示然後插上連結
    • 若要調整圖示大小,請在編輯器中按一下並拖曳圖示的四角,或在工具列中輸入寬度和高度的像素值
  4. 若要從富文字模組移除圖示,請按一下圖示。然後按一下delete 刪除圖示.
  5. 若要取代圖示,請按一下圖示。然後按一下replace 取代圖示,並選擇新圖示
  6. 完成後,按一下右上方的「發佈」「更新」

In the content editor, the rich text module contains an icon. The icon is selected with the icon editor displayed indicating the icon can be customized. Below the image, there's a pop up box showing the edit, replace or delete icons.

編輯進階圖示選項

編輯圖示的進階選項,以新增輔助功能文字或自訂圖示連結。

  1. 導覽到您的內容:
    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。 登陸頁面
    • 部落格:在你的 HubSpot 帳戶中,瀏覽「內容」>「部落格」。
  2. 按一下內容的名稱
  3. 在內容編輯器中,按一下圖示
  4. 按一下edit 編輯圖示
  5. 在彈出的方塊中,按一下進階
  6. 如果您的圖示有連結,您可以選擇一個或多個連結類型。這會告訴搜尋引擎此連結與您網站的關係。進一步瞭解不同的連結類型
  7. 選擇圖片的用途
    • 如果您的圖示是用來傳達資訊,請選擇「螢幕閱讀器閱讀」,並加入描述其目的的標題
    • 如果您的圖示不傳達資訊,請選擇「由螢幕閱讀器忽略」。

In the content editor, the rich text module contains an icon. The advanced options pop up box is displayed to select the link type and purpose.

  1. 按一下套用
  2. 完成後,按一下右上方的「發佈」「更新」
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助