指南/建立內容/小工具/自訂社交網路服務圖示

自訂社交網路服務圖示

你可以在新增社群媒體圖示後自訂其外觀,使其符合網站設計風格。本指引將說明社交網路服務圖示區塊提供的多種樣式設定選項。

變更圖示樣式

請依照下列步驟,從預設的圖示樣式選項中選擇:

  1. 選取編輯器左上角的「清單檢視」。
  2. 按一下清單檢視中的「社交網路服務圖示區塊」。
  3. 區塊設定側邊欄中,按一下「樣式」分頁 (圖示看起來像黑白圓圈):
  4. 在「樣式」下,選擇以下其中一項:
    • 預設:標準圖示。
    • 只顯示標誌:僅顯示社群媒體標誌。
    • 藥丸形狀:帶圓角的圖示。
  5. 按一下右上角的「儲存或「發表」,即可套用變更內容。
社交網路服務圖示區塊設定樣式側邊欄中的圖示樣式選項。

變更圖示顏色

若要變更圖示的顏色或社交網路服務圖示區塊的背景顏色,請依照下列步驟操作:

  1. 選取編輯器左上角的「清單檢視」。
  2. 按一下清單檢視中的「社交網路服務圖示區塊」。
  3. 區塊設定側邊欄中,按一下「樣式」分頁 (圖示看起來像黑白圓圈):
  4. 在「顏色」設定下,你可以找到以下選項:
    • 圖示顏色:變更社群媒體圖示的顏色。
    • 圖示背景:變更圖示背景的顏色。
    • 使用 () 選單來啟用背景選項,即可設定整個社交網路服務圖示區塊的背景顏色。
  5. 按一下右上角的「儲存或「發表」,即可套用變更內容。
社交網路服務圖示區塊側邊欄設定中的顏色設定。

深入了解顏色設定

調整圖示大小

你可以依照下列步驟調整圖示大小:

  1. 選取編輯器左上角的「清單檢視」。
  2. 按一下清單檢視中的「社交網路服務圖示區塊」。
  3. 在出現的區塊工具列中按一下「大小」設定,以及從以下選項中選擇:
    • 超大
  4. 按一下右上角的「儲存或「發表」,即可套用變更內容。
區塊工具列中社交網路服務圖示區塊的大小選項。

新增文字標籤

依預設,系統不會在顯示社群媒體圖示時包含文字標籤。若要新增標籤:

  1. 選取編輯器左上角的「清單檢視」。
  2. 按一下清單檢視中的「社交網路服務圖示區塊」。
  3. 區塊設定側邊欄中,找到「顯示文字」選項,然後將其開啟。社群媒體平台的名稱將與圖示一同顯示。
  4. 如果要修改文字,請按一下單一圖示,然後開啟區塊設定側邊欄。
  5. 在「文字」欄位中輸入要顯示的文字。
  6. 按一下右上角的「儲存或「發表」,即可套用變更內容。
顯示文字標籤的社交網路服務圖示。

新增社交網路服務圖示邊框

若要為社交網路服務圖示區塊新增邊框或陰影,請依照下列步驟操作:

  1. 選取編輯器左上角的「清單檢視」。
  2. 按一下清單檢視中的「社交網路服務圖示區塊」。
  3. 區塊設定側邊欄中,按一下「樣式」圖示。圖示看起來像黑白圓圈。
  4. 找到「邊框」區段。
  5. 使用可用的控制項,調整邊框寬度、顏色和半徑。

深入了解如何新增邊框

Copied to clipboard!