你是否想提高網站使用者粘性？每個人再看過一篇文章之後都會默默對文章產生一個評價，而這些評價可以幫助你改善網站的使用者體驗，然而，不是所有使用者都會去評論區留言，把他們的想法告訴你，因為這很麻煩。

很多的網站文章末尾都會有一個表態區，直接點選對應的按鈕就能反映出使用者對文章的看法，非常簡單，使用者也很樂意用這樣的方式表達態度。

你也想要這樣的功能？如果你使用的是 WordPress，那就簡單了，有一個外掛可以幫助你實現這個功能。

首先要安裝並啟用 Reaction Buttons 外掛，啟用後，進入後臺的 「設定」 → 「Reaction Buttons」 進行外掛設定。

第一個選項用來設定是否顯示錶態按鈕。

接下來設定表態按鈕出現的位置，可以在文章前、文章後，或者使用 [reaction_buttons] 簡碼手動呼叫。

然後進入第三個選項，設定按鈕上方的引導語。

下一個選項可以設定都有哪些按鈕，每個用逗號 （「,」） 隔開。

其它選項不再多做介紹。

儲存之後，前臺就能看到表態按鈕了。

自定義按鈕樣式

這些按鈕的設計非常簡單，可能不符合你的網站的配色，如果你會使用 CSS，可以自定義按鈕的樣式。

首先到外掛的設定頁面，滾動到最下邊，找到 「Use CSS」，在這裡停用預設的 CSS 樣式 （取消勾選） 。

然後把自定義 CSS 程式碼放到主題或子主題的 CSS 檔案中。

下邊是我的自定義 CSS：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

div.reaction_buttons:after {

    content:'';

    clear:both;

    display:block;

    height:0;

}

div.reaction_buttons .reaction_buttons_tagline {

    font-size:18px;

    border-bottom:1pxsolid#E5E5E5;

    line-height:35px;

}

div.reaction_buttons .reaction_button {

    background:#FAFAFA;

    text-decoration:none;

    display:block;

    float:left;

    color:#333;

    margin-right:10px;

    padding:5px10px;

    border:1pxsolid#E5E5E5;

    cursor:pointer;

}

div.reaction_buttons .reaction_button:hover {

    opacity:.8;

}

顯示出來是這個樣子的：

外掛主頁

外掛主頁：https://WordPress.org/plugins/reaction-buttons/