Hur man engagerar lÀsare med inlÀggsreaktioner i WordPress

Hur man engagerar lÀsare med inlÀggsreaktioner i WordPress

Vill du öka anvÀndarengagemanget pÄ din webbplats? InlÀggsreaktioner Àr ett enkelt sÀtt för dina lÀsare att lÀmna feedback pÄ din blogg utan att lÀmna en kommentar. I den hÀr artikeln visar vi dig hur du lÀgger till inlÀggsreaktioner i WordPress.

Reaktioner Àr en funktion pÄ Blogger-plattformen som tillÀt dina besökare ett enkelt och anonymt sÀtt att ge feedback pÄ dina inlÀgg utan att lÀmna en kommentar. NÀr en av vÄra anvÀndare bytte frÄn Blogger till WordPress frÄgade de oss om det fanns ett sÀtt att replikera den funktionen i WordPress.

Lyckligtvis finns det ett plugin för det.

Videohandledning

Prenumerera pÄ WPBeginner

Om du inte gillar videon eller behöver fler instruktioner, fortsÀtt lÀsa.

Det första du behöver göra Àr att installera och aktivera plugin för reaktionsknappar. Vid aktivering mÄste du besöka InstÀllningar »Reaktionsknappar för att konfigurera plugininstÀllningarna.

Konfigurera reaktionsknapparna

Det första alternativet pÄ skÀrmen Àr att visa reaktionsknappar, och du vill se till att det Àr markerat. Om du lÄter det vara avmarkerat visas inte reaktionsknapparna pÄ din webbplats Àven om plugin Àr aktivt.

DÀrefter har du möjlighet att vÀlja var du vill att knapparna ska visas. Standardalternativet Àr under inlÀggen.

Du kan ocksÄ anpassa texten som visas före knapparna tillsammans med knappetiketterna. Standardknapparna Àr fantastiska, intressanta, anvÀndbara, trÄkiga, suger.

Bland andra instÀllningar kan du bestÀmma vilka WordPress-sidor knappen ska visas pÄ, begrÀnsa en röst per anvÀndare, utesluta kategorier och mer.

Anpassa utseendet pÄ reaktionsknappar

Även om dessa knappar Ă€r förformade kanske de inte matchar webbplatsens fĂ€rgschema. Om du vill anpassa deras utseende mĂ„ste du först inaktivera pluginns standard CSS.

Du kan göra det pÄ insticksidan för insticksprogrammet.

Inaktivera laddning av plugins formatmall

Under kryssrutan ser du lÀnken till pluginets reaktions_buttons.css formatmall. Klicka pÄ den lÀnken för att kopiera de element du mÄste anpassa.

NÀsta allt du behöver göra Àr att kopiera och klistra in din anpassade CSS i ditt temas eller underordnade temas stilark.

HÀr Àr ett exempel pÄ CSS som vi anvÀnde för att lÀgga till anpassad bakgrundsfÀrg till knapparna.


/* the reaction buttons region */
div.reaction_buttons{
    margin-top: 20px;
    font-size: 0.8em;
    text-align: left;
}

/* a single button */
div.reaction_buttons .reaction_button {
    line-height: 3.2em;
    padding: 5px;
    margin: 0 3px;
    margin-bottom: 25px;
    cursor: pointer;
background-color:#007fba;
color:#FFF;
}

/* the button while hovering over it */
div.reaction_buttons > .reaction_button:hover {
    background-color: #0F6;
}

/* the button after voting 
div.reaction_buttons > .voted, div.reaction_buttons > .voted:hover {
}
 /*

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

/* number of votes in between the parantheses.
.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;
}


SÄ hÀr sÄg knapparna ut pÄ vÄr testwebbplats:

Knappar efter reaktion

Vi hoppas att den hÀr artikeln hjÀlpte dig att lÀra dig hur du lÀgger till inlÀggsreaktioner i din WordPress-blogg för att öka ditt engagemang.

Du kanske ocksÄ vill kolla in den hÀr guiden om hur du meddelar anvÀndare nÀr deras kommentar godkÀnns i WordPress.

Om du gillade den hÀr artikeln, prenumerera sedan pÄ vÄr YouTube-kanal för WordPress-sjÀlvstudier. Du kan ocksÄ hitta oss pÄ Twitter och Google+.