Chcesz zwiększyć zaangażowanie użytkowników witryny? Reakcje na posty to łatwy sposób, aby czytelnicy mogli zostawić opinię na swoim blogu bez zostawiania komentarza. W tym artykule pokażemy, jak dodać reakcje postów w WordPress.

Post Reaction Buttons

Reakcje to funkcja na platformie Blogger, która umożliwiła odwiedzającym łatwy i anonimowy sposób przekazywania opinii na temat Twoich postów bez pozostawiania komentarza. Kiedy jeden z naszych użytkowników przełączył się z Bloggera na WordPress, zapytał nas, czy istnieje sposób na odtworzenie tej funkcjonalności w WordPress.

Na szczęście jest do tego wtyczka.

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę przycisków reakcji. Po aktywacji musisz odwiedzić Ustawienia ” Przyciski Reakcji aby skonfigurować ustawienia wtyczki.

Configuring the reaction buttons

Pierwszą opcją na ekranie jest pokazanie przycisków reakcji i chcesz się upewnić, że jest zaznaczona. Jeśli pozostawisz to niezaznaczone, przyciski reakcji nie będą wyświetlane na twojej stronie, nawet jeśli wtyczka jest aktywna.

Następnie możesz wybrać, gdzie mają się pojawić przyciski. Domyślna opcja znajduje się pod postami.

Można również dostosować tekst wyświetlany przed przyciskami wraz z etykietami przycisków. Domyślne przyciski są niesamowite, ciekawe, przydatne, nudne, do bani.

Wśród innych ustawień możesz zdecydować, na których stronach WordPress pojawia się przycisk, ograniczyć jeden głos na użytkownika, wykluczyć kategorie i nie tylko.

Dostosowywanie wyglądu przycisków reakcji

Nawet jeśli te przyciski są wstępnie stylizowane, mogą nie pasować do schematu kolorów witryny. Jeśli chcesz dostosować ich wygląd, najpierw musisz wyłączyć domyślny CSS wtyczki.

Możesz to zrobić na stronie ustawień wtyczki.

Disable loading plugin's stylesheet

Poniżej pola wyboru zobaczysz link do wtyczki reaction_buttons.css arkusz stylów. Kliknij ten link, aby skopiować elementy, które musisz dostosować.

Następnie wystarczy skopiować i wkleić Niestandardowy CSS do arkusza stylów motywu lub motywu podrzędnego.

Oto przykładowy CSS, którego użyliśmy do dodania niestandardowego koloru tła do przycisków.

/ * region przycisków reakcji */
div.reaction_buttons{
    margin-top: 20px;
    font-size: 0.8 em;
    text-align: left;
}

/ * Pojedynczy przycisk */
div.reaction_buttons .reaction_button {
    wysokość linii: 3,2 em;
    padding: 5px;
    margin: 0 3px;
    margin-bottom: 25px;
    kursor: wskaźnik;
background-color:#007fba;
color: # FFF;
}

/ * przycisk podczas najechania na niego */
div.reaction_buttons > .reaction_button: hover {
    background-color: #0F6;
}

/ * przycisk po głosowaniu 
div.reaction_buttons > .głosowałem, div.reaction_buttons > .voted: hover {
}
 /*

/ * liczba głosów łącznie z parantheses.
.reaction_buttons .reaction_button .count {
}
 */

/ * liczba głosów pomiędzy parantheses.
.reaction_buttons .reaction_button .count_number {
}
 */
 
 
# sidebar div.widget_reaction_buttons H3 {
	margin: 0;
	margin-top: 4PX;
	font-size: 1.1 em;
}

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

Tak wyglądały przyciski na naszej stronie testowej:

Post Reaction Buttons

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodawać reakcje postów na swoim blogu WordPress, aby zwiększyć swoje zaangażowanie.

Możesz również sprawdzić ten samouczek, jak powiadamiać użytkowników, gdy ich komentarz zostanie zatwierdzony w WordPress.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Możesz nas również znaleźć na Twitterze i Google+.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…