Weber更新日誌

組件概述

社交媒體組件是快速放置社群平台圖標連結的組合元件，內建主流社群圖標，可一次性新增多個社交入口。

適用場景

1、網站頁尾，放置品牌各社群平台入口

2、聯絡我們頁，補充社交管道

3、品牌介紹模塊，引導訪客追蹤社群

4、落地頁底部增加社群關注渠道

不建議使用場景

需要在圖標旁搭配文字說明，建議使用【圖標文本】組件

組件使用

1、選中【社交媒體組】可在編輯器右側【設置】中新增社交媒體（注意：默認新增為Facebook(2013版配色)，可通過修改背景顏色更新到2023版配色）

2、選中【社交媒體】圖層，在編輯器右側【設置】可以修改社交媒體平台類型，並且主流社媒平台均有預設圖標（如有需要也可以上傳自定義圖標）

3、支持修改【社交媒體】的尺寸、顏色、背景色、邊框等樣式

4、選中【社交媒體】層級，可在編輯器右側【設置】中開啟【提示】功能，提示內容可以放置圖片。（例如Wechat 懸停/點擊後彈出二維碼圖片）

5、選中【社交媒體】層級可在編輯器右側【設置】中綁定連結

6、選中【社交媒體組】層級在Class的【彈性佈局】➡️【間距】可控制社交媒體之間的距離

注意事項

1、填入社群連結時，務必填寫完整 URL（包含 https://），避免鏈接失效

2、使用自定義圖標時，注意社群平台圖標版權，依各平台品牌規範使用

3、Instagram圖標受編輯器顏色限制，默認為紫色單色，可自定義上傳Instagram彩色版圖標（注意：如果使用自定義圖標，建議將邊距裡的【內部留白】設置成【0px】）