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

在富文本模組中插入和編輯圖示

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

您可以在網誌文章和頁面上的富文本模組中新增字體真棒庫中的任何圖示。 新增圖示後,您可以自訂其色彩、位置和大小。 

請注意:圖示無法直接新增至市場推廣電郵。 若要使用電子郵件中的圖示,請將圖示另存為影像,然後將影像插入電子郵件編輯器。 


在富文本模組中為內容新增圖示

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
  • 將滑鼠懸停在網誌文章或頁面的名稱上,然後按一下[編輯]。 
  • 按一下要顯示圖示的富文本模組
  • 在富文本工具列右上角,按一下插入下拉菜單,然後選擇圖示。

insert-a-new-icon


  • 在彈出視窗中,在搜尋列中搜尋圖示。 
  • 按一下圖示,將其插入您的富文本模組。 

編輯圖示

插入圖示後,您可以編輯其外觀和位置,或連結到其他內容。 

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
  • 將滑鼠懸停在網誌文章或頁面的名稱上,然後按一下[編輯]。 
  • 在內容編輯器中,按一下你的圖示以開啟圖示編輯器。
    1. 若要編輯圖示的色彩,請按一下背景色彩圖示色彩 下拉選單,然後選擇一種色彩。 若要輸入十六進制值RGB色彩值,請瀏覽至「進階」標籤。 
    2. 使用 縮排圖示將圖示移至右側或左側。
    3. 使用blockAlignmentBottom  圖示來調整圖示在文字塊中的位置。 
    4. 若要新增圖示連結,請按一下連結連圖示。
    5. 若要調整圖示的大小,請在編輯器中按一下並拖動圖示的角落,或在工具列中輸入寬度和高度的像素值
insert-an-icon-1
  • 若要從富文本模組中移除圖示,請按一下影像,然後按一下刪除垃圾桶圖示
  • 若要替換圖示,請按一下影像,然後按一下替換圖示
    並新增一個圖示。

編輯進階圖示選項

您可以編輯圖示的進階選項,以新增無障礙設施文字或自訂圖示連結。 

  • 在內容編輯器中,按一下圖示。 
  • 按一下 編輯編輯圖示。
  • 在彈出視窗的右上角,按一下 進階
  • 如果你的圖標已連結,你可以 選擇一種或多種連結類型。 這告訴搜尋引擎此連結與網站的關係。 進一步了解不同的連結類型
  • 選擇影像的用途 
    • 如果您的圖示旨在傳送資訊,請選擇畫面讀取器讀取,然後新增描述其目的的標題
    • 如果您的圖示沒有傳輸資訊,請選擇被畫面讀取器忽略。 
select-an-icon-purpose-1
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.