知識庫

在RTF文字模組中插入和編輯圖示

作者:HubSpot Support | Nov 21, 2022 1:44:43 PM

你可以將Font Awesome圖庫中的任何圖示新增至部落格文章和頁面上的富文字模組。 新增圖示後,您可以自訂其顏色、位置和大小。 

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


在RTF文字模組中為內容新增圖示

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
    • 博客:
  • 按一下內容名稱。 
  • 按一下要顯示圖示的RTF文字模組。
  • 在RTF工具列右上角,單擊插入下拉菜單,然後選擇圖標。

  • 在彈出式視窗中,在搜尋列中搜尋圖示。 
  • 按一下圖示,即可將圖示插入RTF文字模組。 

編輯圖示

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

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
    • 博客:
  • 按一下內容名稱。 
  • 在內容編輯器中,按一下圖示以開啟圖示編輯器。
    • 要編輯圖標的顏色,請單擊backgroundColor 圖標顏色下拉菜單並選擇一種顏色。 要輸入十六進位值或RGB顏色值,請單擊進階選項卡。 
    • 使用縮 indent 圖示iconiconicon示向右或向左移動圖示。
    • 使用blockAlignmentBottom blockAlignmentBottom 齊圖示來調整圖示在文字區塊中的位置。 
    • 若要新增圖示連結,請按一下link結圖示,然後插入連結
    • 要調整圖標的大小,請在編輯器中單擊並拖動圖標的角落,或者在工具欄中輸入寬度和高度的像素值。

  • 若要從RTF文字模組中移除圖示,請按一下圖片,然後按一下delete垃圾桶圖示 .
  • 若要替換圖示,請按一下影像,然後按一下replace 替換圖示並新增新圖示。

編輯進階圖示選項

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

  • 在內容編輯器中,按一下圖示。 
  • 按一下 edit 輯圖示。
  • 在彈出式視窗中,按一下進階。
  • 如果你的圖示有連結,你可以選擇一種或多種連結類型。 這會告訴搜尋引擎此連結與您的網站有何關聯。 進一步了解不同的連結類型
  • 選擇影像的用途 。
    • 如果你的圖示旨在傳達資訊,請選擇由螢幕閱讀器閱讀,然後新增描述其用途的標題。
    • 如果圖示無法傳達資訊,請選取「螢幕閱讀器已忽略」。 
  • 按一下套用。