社群分享按鈕是每個部落格網站不可或缺的功能，能讓使用者輕鬆將喜歡的文章分享到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 社群分享按鈕的完整流程與說明。