Как добавить кнопки голосования на блоге WordPress

Автор:
Nurlan Kemelbekov

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

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

К счастью, есть плагин для этого. Первое, что нужно сделать, чтобы добавить кнопки голосования после прочтения статьи — это установить и активировать  плагин Reaction Buttons. После активации зайти в Настройки > Reaction Duttons для настройки параметров плагина.

Настройка кнопок голосования

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

Далее, у есть возможность выбрать, где нужно отобразить эти кнопки. В настройках по умолчанию — ниже статьи.
Можно также настроить текст, который будет отображаться перед кнопками. Кнопки по умолчанию Awesome, Interesting, Useful, Boring, Sucks.knopki-golosovaniya.png

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

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

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

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

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

Вот образец CSS, который используется на блоге maks-1.com. Вы можете использовать его, чтобы добавить пользовательский цвет фона для кнопок.

/* стили кнопки голосования*/

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;

}

Вот и все основные настройки плагина. Вы сможете узнать результаты своего труда в админке сайта: плагины > Reaction Buttons > Settings > Statistics Page button, где можно увидеть примерно то, что на скриншоте ниже.
Reaction Buttons Button Statistics

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



Рекомендуемый контент

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

12 + тринадцать =

Я просто хотел сказать, как сильно я ценю Ваш комментарий на мой пост. Спасибо Вам !!