用 Sassy Social Share 設定社群分享按鈕 – 創作者學苑

Sassy Social Share 外掛，可以對社群分享按鈕進行比較詳細的設定，有興趣的長站可以嘗試看看！

 

啟用 Sassy Social Share 插件

至後台>>外掛 將 Sassy Social Share 啟用，非富盈數據搬家的夥伴，需要先自行安裝喔!

 

設定 Sassy Social Share 插件，點選「Settings」至 Theme Selection 

 

(1) Standard interface theme (標準按鈕)

(2) Floating interface theme (側邊浮動按鈕)

Shape (形狀)：Round (圓形) / Square (正方形) / Rectangle (矩形)
Width  (寬)
Height (高)
Border radius  (圓角)
Color (顏色)：圖示、底色、邊線 都可以設定，色碼可以參考 免費線上選色工具
Border Width (邊線粗細)
Counter Position (點擊數位置)

 

 

(3) Standard Interface 設定

Enable Floating sharing：打勾即為啟用
Rearrange icons：已選擇的內容，可以用滑鼠拖曳調整順序
Select Sharing Services：選擇需要使用的社群分享

Horizontal alignment：Left (左) / Center (中) / Right (右)
Position with respect to content (按紐位置)：

• Top of the content 文首
• Bottom of the content 文末

Placement：要出現的地方

• Homepage 首頁
• Posts 文章頁
• Pages 頁面

Show share counts：打勾才會出現已按讚的數量~

Enable ‘More’ icon (共同按鈕用來顯示更多社群)

 

Standard Interface 結果如下

(4) Floating Interface 設定

Enable Floating sharing：打勾即為啟用
Rearrange icons：已選擇的內容，可以用滑鼠拖曳調整順序
Select Sharing Services：選擇需要使用的社群分享

Background Color：按鈕外的背景色
Horizontal alignment：Left (左) / Right (右)
Left offset：按紐位置(左右)
Top offset：按紐位置(上下)
Placement：要出現的地方

• Homepage 首頁
• Posts 文章頁
• Pages 頁面

Enable ‘More’ icon (共同按鈕用來顯示更多社群)
Hide floating slider：隱藏收合按鈕

Vertical floating bar responsiveness： 僅在寬大於多少 pixels 的畫面顯示

Horizontal floating bar responsiveness：當寬小於多少 pixels 時，按鈕將由側邊移動至畫面底部水平浮動
Horizontal floating bar position：水平浮位置

 

Floating Interface結果如下