Vous cherchez à augmenter l’engagement des utilisateurs de votre site ? Les réactions aux publications sont un moyen facile pour vos lecteurs de laisser des commentaires sur votre blog sans laisser de commentaire. Dans cet article, nous allons vous montrer comment ajouter des réactions aux publications dans WordPress.
Les réactions sont une fonctionnalité de la plate-forme Blogger qui permet à vos visiteurs de donner un avis simple et anonyme sur vos publications sans laisser de commentaire. Lorsqu’un de nos utilisateurs est passé de Blogger à WordPress, il nous a demandé s’il existait un moyen de reproduire cette fonctionnalité dans WordPress.
Heureusement, il existe un plugin pour cela.
Didacticiel vidéo
Si vous n’aimez pas la vidéo ou avez besoin de plus d’instructions, continuez à lire.
La première chose que vous devez faire est d’installer et d’activer le Boutons de réaction brancher. Lors de l’activation, vous devez visiter Paramètres » Boutons de réaction pour configurer les paramètres du plug-in.
La première option à l’écran consiste à afficher les boutons de réaction et vous voulez vous assurer qu’elle est cochée. Si vous ne la cochez pas, les boutons de réaction ne seront pas affichés sur votre site même si le plugin est actif.
Ensuite, vous avez la possibilité de choisir où vous souhaitez que les boutons apparaissent. L’option par défaut se trouve sous les messages.
Vous pouvez également personnaliser le texte qui apparaîtra avant les boutons avec les étiquettes des boutons. Les boutons par défaut sont Génial, Intéressant, Utile, Ennuyeux, Suce.
Entre autres paramètres, vous pouvez décider sur quelles pages WordPress le bouton apparaît, limiter un vote par utilisateur, exclure des catégories, etc.
Personnalisation de l’apparence des boutons de réaction
Même si ces boutons sont pré-stylisés, il se peut qu’ils ne correspondent pas à la palette de couleurs de votre site. Si vous souhaitez personnaliser leur apparence, vous devez d’abord désactiver le CSS par défaut du plugin.
Vous pouvez le faire sur la page des paramètres du plugin.
Sous la case à cocher, vous verrez le lien vers le plugin reaction_buttons.css feuille de style. Cliquez sur ce lien pour copier les éléments que vous devez personnaliser.
Ensuite, tout ce que vous avez à faire est de copier et coller votre CSS personnalisé dans la feuille de style de votre thème ou de votre thème enfant.
Voici un exemple de CSS que nous avons utilisé pour ajouter une couleur d’arrière-plan personnalisée aux boutons.
/* 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;
}
Voici à quoi ressemblaient les boutons sur notre site de test :
Nous espérons que cet article vous a aidé à apprendre comment ajouter des réactions aux publications dans votre blog WordPress pour stimuler votre engagement.
Vous pouvez également consulter ce didacticiel sur la façon d’informer les utilisateurs lorsque leur commentaire est approuvé dans WordPress.
