前言
社群分享按鈕是每個部落格網站不可或缺的功能，能讓使用者輕鬆將喜歡的文章分享到Line、Facebook等平台，增加網站流量與曝光度。本文適合想快速在 WordPress 網站上架設分享按鈕的工程師或自學者，透過 AddToAny 外掛完成設定。
安裝 AddToAny 外掛
在 WordPress 後台，點擊「外掛 -> 安裝外掛」，於搜尋欄輸入「share」即可找到 AddToAny 外掛。安裝並啟用後，即可進行後續設定。
AddToAny 外掛設定
1. 進入設定頁面
滑鼠移至「設定」選單，點選「AddToAny」進入外掛設定介面。
2. Standard 標準按鈕設定
- Icon Style：調整分享按鈕的尺寸與背景樣式，預設為 32 pixels。
- Share Buttons：選擇要顯示的社群平台，點擊「Add/Remove Services」可新增或移除按鈕。
- Universal Button：設定「更多分享」按鈕的樣式，可選擇預設的「+」號圖示、圖片網址或純文字。
- Show count：開啟後會顯示分享次數統計。
3. Sharing Header 與 Placement
- Sharing Header：設定分享按鈕上方的標題文字。
- Placement：決定分享按鈕顯示的位置，例如文章下方、首頁或分類頁。根據需求選擇適合的顯示位置，注意不同主題可能有額外的 Post type 選項。
4. Floating 浮動按鈕設定
Vertical Buttons（垂直浮動）
- Placement：選擇浮動按鈕顯示於左側或右側。
- Responsiveness：設定視窗寬度大於多少時顯示。
- Position：調整按鈕上下位置。
- Offset：調整按鈕左右偏移。
- Icon Size：設定按鈕大小。
- Background：設定背景顏色。
Horizontal Buttons（水平浮動）
- Placement：選擇浮動按鈕顯示於左側或右側。
- Responsiveness：設定視窗寬度小於多少時顯示。
- Position：調整按鈕左右位置。
- Offset：調整按鈕上下偏移。
- Icon Size：設定按鈕大小。
- Background：設定背景顏色。
完成設定後，記得點擊「Save Changes」儲存。
檢查前端顯示
設定完成後，進入文章頁面下方確認分享按鈕是否正常顯示。若按鈕位置與設定相符，即代表設定成功。
延伸與常見坑
- 不同 WordPress 主題可能會影響按鈕顯示位置，必要時可透過 CSS 微調。
- 若使用快取外掛，設定後可能需要清除快取才能看到變更。
- 分享按鈕過多會影響頁面載入速度，建議選擇主要平台即可。
完整程式碼
// AddToAny 為 WordPress 外掛，無需手動撰寫程式碼，以下為設定步驟示意
// 1. 安裝並啟用 AddToAny 外掛
// 2. 進入「設定」->「AddToAny」
// 3. 設定 Standard 與 Floating 按鈕選項
// 4. 儲存設定並檢查前端顯示以上即為利用 AddToAny 外掛快速建立 WordPress 社群分享按鈕的完整流程與說明。