Поиск по сайту:
Природу легче всего подчинить, повинуясь ей (Ф. Бэкон).

Как привлекать читателей на пост с помощью реакционных кнопок в WordPress

13.12.2016
Как привлекать читателей на пост с помощью реакционных кнопок в WordPress

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

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

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

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

Настройка кнопок реакции

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

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

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

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

Настройка внешнего вида реакционных кнопок

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

Читать  Установка WordPress с Varnish, Nginx на Ubuntu

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

Отключить загрузку таблицы стилей плагина

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

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

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

/* области кнопок реакции */
div.reaction_buttons{
    margin-top: 25px;
    font-size: 0.9em;
    text-align: left;
}

/* одиночная кнопка */
div.reaction_buttons .reaction_button {
    line-height: 2.1em;
    padding-right: 10px;
    margin: 0 5px;
    margin-bottom: 24px;
    cursor: pointer;
    background-color: #C73F41;
    color: #FFF;
    float: left;
    list-style: none;
    border-radius: 0 10px;
}

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

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

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

/* количество голосов, включая скобки.
.reaction_buttons .reaction_button .count_number {
}
 */
 
 
#sidebar div.widget_reaction_buttons h3 {
	margin: 0;
	margin-top: 5px;
	font-size: 1.2em;
}

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

 

Как кнопки выглядели на нашем тестовом сайте:

Как привлекать читателей на пост с помощью реакционных кнопок в WordPress

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
Поделиться в соц. сетях:


0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии

Это может быть вам интересно


Рекомендуемое
Мы совсем недавно занимались включением простой записи в рейтинговую систему…

Спасибо!

Теперь редакторы в курсе.