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

Опубликовано: ADv Дата 11.05.2015 в рубрике Плагины WP Комментировать

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

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

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

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

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

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

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

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

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

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

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

Ниже этой галочки вы увидите ссылку на таблицу стилей плагина 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;
}

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