Улучшаем взаимодействие с читателями с помощью мнений о материале в WordPress

Если вы ищете способ увеличения взаимодействия пользователей с вашим сайтом, то мнения о записях помогут вам в этом. Читатели будут оставлять отзывы о вашем блоге без написания комментариев. В этой статье мы покажем вам как добавить мнения о записях в WordPress.

postreactionbuttons2[1]

Мнения — это функция платформы Blogger, которая позволит вашим посетителям легко и анонимно оставлять отзывы к вашим записям без необходимости комментирования. Когда один из наших читателей переключился с Blogger на WordPress, он поинтересовался, существует ли способ продублировать такой функционал в WordPress.

К счастью, для этого есть плагин.

Первым делом вам необходимо установить и активировать плагин Reaction Buttons. После активации вам нужно перейти в раздел Настройки » Reaction Buttons для конфигурации настроек плагина.

reaction-buttons-settings1[1]

Первая опция на экране — отображать ли кнопки мнений, и вы должны убедиться в том, что она отмечена. Если же этого не сделать, то кнопки для мнений не будут отображаться на вашем сайте, даже если плагин будет активным.

Далее, у вас есть возможность выбрать расположение кнопок. Настройка по-умолчанию делает это под записями.

Также вы можете настроить текст, который будет появляться перед кнопками, а также названия для кнопок. Предустановленными названиями являются: Awesome, Interesting, Useful, Boring, Sucks.

Среди других настроек вы также можете указать, на каких страницах WordPress эти кнопки будут появляться, ограничить один голос на одного пользователя, исключить рубрики и т.д.

Настраиваем внешний вид для кнопок мнений

Несмотря на то, что эти кнопки уже оформлены определенным образом, они могут не совпадать с цветовой схемой вашего сайта. Если вы хотите настроить их внешний вид, то первое, что нужно сделать, это отключить дефолтный CSS плагина.

Это можно сделать на странице настроек плагина.

uncheck-css[1]

Ниже этой галочки вы увидите ссылку на таблицу стилей плагина reaction_buttons.css. Кликните по этой ссылке для того, чтобы скопировать элементы, которые нужно настроить.

Далее, все, что нужно сделать, это скопировать и вставить ваш настроенный CSS в свою тему или в таблицу стилей дочерней темы.

Вот пример простого CSS, в котором мы добавили собственный цвет фона для кнопок.

/* область кнопок мнений */
div.reaction_buttons{
    margin-top: 20px;
    font-size: 0.8em;
    text-align: left;
}

/* отдельная кнопка */
div.reaction_buttons .reaction_button {
    line-height: 3.2em;
    padding: 5px;
    margin: 0 3px;
    margin-bottom: 25px;
    cursor: pointer;
background-color:#007fba;
color:#FFF;
}

/* кнопка при наведении на нее */
div.reaction_buttons > .reaction_button:hover {
    background-color: #0F6;
}

/* кнопка после голосования
div.reaction_buttons > .voted, div.reaction_buttons > .voted:hover {
}
 /*

/* количество голосов, включая скобки.
.reaction_buttons .reaction_button .count {
}
 */

/* количество голосов между скобками.
.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;
}

Вот так будут выглядеть кнопки с оформлением выше:

postreactionbuttons2[1]