1. Налаштування зовнішнього вигляду реакційних кнопок

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

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

На щастя, є для цього плагін.

Перше, що вам потрібно зробити, це встановити і активувати плагін Reaction Buttons . Після активації, вам необхідно відвідати Налаштування »Реакційні кнопки для настройки параметрів плагіна.

Перший варіант на екрані, показати реакційні кнопки. Якщо приховати його, то кнопки реакції не буде відображатися на вашому сайті, навіть якщо плагін активний.

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

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

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

Налаштування зовнішнього вигляду реакційних кнопок

Навіть якщо ці кнопки попередньо стилю, він може не відповідати колірній гамі вашого сайту. Якщо ви хочете налаштувати їх зовнішній вигляд, то спочатку необхідно відключити CSS плагіна за замовчуванням.

Ви можете зробити це на сторінці налаштувань плагіна.

Нижче прапорця, ви побачите посилання таблиці стилів 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 для підвищення вашої участі.

Якщо ви знайшли помилку, будь ласка, виділіть фрагмент тексту і натисніть Ctrl + Enter.