如何通過WordPress中的後反應吸引讀者


您是否希望增加網站的用戶參與度? 帖子回復是讓讀者在博客上留下反饋而不發表評論的簡便方法。 在本文中,我們將向您展示如何在WordPress中添加帖子響應。

開機自檢按鈕

Responses是Blogger平台的一項功能,可讓您的訪問者以一種簡單且匿名的方式在不發表評論的情況下提供對您的帖子的反饋。 當我們的一個用戶從Blogger切換到WordPress時,他們問我們是否可以在WordPress中復制該功能。

幸運的是有一個插件。

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是安裝並激活“ Reaction Buttons”插件。 激活後,您需要訪問 設置»反應按鈕 配置插件設置。

配置反應按鈕

屏幕上的第一個選項是顯示反應按鈕,並且您要確保已選中它。 如果未選中它,則即使該插件處於活動狀態,反應按鈕也不會顯示在您的站點上。

接下來,您可以選擇要在何處顯示按鈕。 默認選項在帖子下方。

您還可以自定義出現在按鈕前面的文本以及按鈕標籤。 默認按鈕是“真棒”,“有趣”,“有用”,“無聊”,“糟透了”。

在其他設置中,您可以決定按鈕顯示在哪個WordPress頁面上,限制每個用戶一票表決,排除類別等等。

自定義反應按鈕的外觀

即使這些按鈕已預先設置樣式,也可能與您網站的配色不匹配。 如果要自定義外觀,則必須先禁用插件的默認CSS。

您可以在插件的設置頁面上執行此操作。

禁用加載插件的樣式表

在復選框下方,您將看到指向插件的鏈接 reaction_buttons.css 樣式表。 單擊該鏈接以復制您必須自定義的元素。

接下來,您要做的就是將自定義的CSS複製並粘貼到主題或子主題的樣式表中。

這是一個示例CSS,用於將自定義背景色添加到按鈕。

/* the reaction buttons region */
div.reaction_buttons{
    margin-top: 20px;
    font-size: 0.8em;
    text-align: left;
}

/* a single button */
div.reaction_buttons .reaction_button {
    line-height: 3.2em;
    padding: 5px;
    margin: 0 3px;
    margin-bottom: 25px;
    cursor: pointer;
background-color:#007fba;
color:#FFF;
}

/* the button while hovering over it */
div.reaction_buttons > .reaction_button:hover {
    background-color: #0F6;
}

/* the button after voting 
div.reaction_buttons > .voted, div.reaction_buttons > .voted:hover {
}
 /*

/* number of votes including parantheses.
.reaction_buttons .reaction_button .count {
}
 */

/* number of votes in between the parantheses.
.reaction_buttons .reaction_button .count_number {
}
 */
 
 
#sidebar div.widget_reaction_buttons h3 {
	margin: 0;
	margin-top: 4px;
	font-size: 1.1em;
}

#sidebar div.widget_reaction_buttons ol {
	margin-left: 25px;
}

這是我們測試站點上按鈕的外觀:

開機自檢按鈕

我們希望本文能幫助您學習如何在WordPress博客中添加帖子反饋,以提高您的參與度。

您可能還想查看有關如何在WordPress中批准用戶評論時通知用戶的本教程。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Google+。