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

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

你也想要這樣的功能？如果你使用的是 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/