AddToAny設定WordPress分享按鈕

AddToAny設定WordPress分享按鈕 ∣ 1鍵完成FB、Line多種社交分享!

無論你是經營官網、部落格,一定希望自己的網站,能獲得大量曝光的機會,那麼你的網站一定要加上「社群分享按鈕」,來協助你提高文章被分享的機率,本篇將教你如何使用AddToAny設定WordPress分享按鈕。

WordPress分享按鈕AddToAny外掛介紹

AddToAny是免費的社群分享外掛,也是WordPress 最受歡迎的外掛,目前已經超過50萬次的下載,沒有複雜的設定,可以快速地完成安裝,為你的網站加上「社群分享按鈕」。

當使用者覺得你的文章很有價值,想要與其他朋友分享時,就可以透過社群分享按鈕,將你的文章分享到FB、LINE、Twitter…各種社群媒體,這不僅能增加文章的曝光量,還能提升網站的流量~

延伸閱讀:
如果你還沒有為你的網站安裝GA,那你一定要看這篇。
WordPress教學│Site Kit by Google外掛,1次整合所有Google分析工具!

安裝AddToAny外掛

點選外掛→點選安裝外掛→搜尋AddToAny Share Buttons→點選安裝啟動

安裝並啟動AddToAny Share Buttons
▲ 安裝並啟動AddToAny Share Buttons

AddToAny設定教學

點選外掛→點選已安裝的外掛→點選設定

設定AddToAny Share Buttons
▲ 設定AddToAny Share Buttons

Standard 標準按鈕

設定 Standard 標準按鈕
▲ 設定 Standard 標準按鈕

ICON STYLE ( 按鈕風格 )

  • pixels:按鈕大小
  • background:按鈕的底色
  • foreground:社群圖案的顏色

有三種顏色供選擇

  • Original:預設
  • Transparent:透明
  • Custom:自訂
按鈕風格
▲ 設定按鈕風格
按鈕風格
▲ 設定按鈕風格

SHARE BUTTONS ( 分享按鈕 )

點選Add/Remove Services »,這邊選擇你想要使用的分享按鈕。

設定分享按鈕
▲ 設定分享按鈕

UNIVERSAL BUTTON ( 顯示更多分享按鈕 )

預設的+號按鈕,是用來查看「更多社群分享按鈕」,你也可以使用圖片網址、Text only、無,這三種作為你想要呈現的樣式,只要填入相關資料就可以囉~

  • 圖片網址:填上你想使用的ICON網址
  • Text only:輸入你想要的文字
  • Show count:用來顯示分享次數

SHARING HEADER ( 顯示文字 )

輸入:歡迎分享文章,在分享的按鈕上方就會出現這排文字。

設定顯示文字
▲ 顯示文字

Placement ( 按鈕位置 )

這邊的下拉選單,是用來設定按鈕擺放的位置,我是使用bottom在文末的地方顯示分享按鈕。

  • bottom:文末
  • top:文首
  • top & bottom:文首+文末
設定按鈕位置
▲ 設定按鈕位置

Floating 漂浮按鈕

設定漂浮按鈕
▲ 設定 Floating 漂浮按鈕

Vertical Buttons ( 垂直按鈕 )

Placement ( 位置 )

  • Left docked:靠左
  • Right docked:靠右
  • None:不使用

Responsiveness ( 響應 )

1:手機屏幕寬度小於多少 pixels 按鈕要隱藏

2:畫面向下移動到多少 pixels 按鈕要出現

3:畫面距離底部多少 pixels 按鈕要隱藏

設定按鈕細節
▲ 設定按鈕細節
垂直按鈕靠左示意圖
▲ 垂直按鈕靠左示意圖

Horizontal Buttons ( 水平按鈕 )

設定 Horizontal Buttons 水平按鈕
▲ 設定 Horizontal Buttons 水平按鈕

Placement ( 位置 )

  • Left docked:靠左
  • Right docked:靠右
  • Center docked:中間
  • None:不使用

Responsiveness ( 響應 )

1:手機屏幕寬度小於多少 pixels 按鈕要隱藏

2:畫面向下移動到多少 pixels 按鈕要出現

3:畫面距離底部多少 pixels 按鈕要隱藏

設定按鈕細節
▲ 設定按鈕細節
  • Position:設定按鈕的位置(上下)
  • Offset:設定按鈕的位置(左右)
  • Icon Size:按鈕大小
  • Background:按鈕的底色
水平按鈕靠左示意圖
▲ 水平按鈕靠左示意圖

結語

AddToAny的設定非常簡單,相信透過這篇的介紹,你可以很快的上手,幫你的網站加上分享按鈕,好讓你的網站能讓更多的人看見,這篇就分享到這,希望能夠幫助到你喔~