¿Está buscando aumentar la participación de los usuarios en su sitio web? Publicar reacciones es una manera fácil para que sus lectores dejen comentarios en su blog sin dejar un comentario. En este artículo, le mostraremos cómo agregar reacciones posteriores en WordPress.

botón de post-reacción

Reacciones es una función de la plataforma de Blogger que permite a los visitantes proporcionar comentarios sobre sus publicaciones de forma fácil y anónima sin dejar un comentario. Cuando uno de nuestros usuarios cambió de Blogger a WordPress, nos preguntó si había alguna forma de replicar esta funcionalidad en WordPress.

Afortunadamente, hay un complemento.

videotutorial

Suscríbete a WPBeginner

Si no te gusta el video o necesitas más explicaciones, sigue leyendo.

Lo primero que debe hacer es instalar y activar el complemento React Buttons.Después de la activación, debe acceder Ajustes » Botón Reaccionar Configure los ajustes del complemento.

Configurar botones de reacción

La primera opción en la pantalla es el botón Mostrar reacción, que desea asegurarse de que esté seleccionado. Si lo deja sin marcar, el botón de reacción no aparecerá en su sitio web incluso si el complemento está activo.

A continuación, puede elegir dónde desea que aparezca el botón. Las opciones predeterminadas están debajo de la publicación.

También puede personalizar el texto que aparecerá antes del botón, así como la etiqueta del botón. Los botones predeterminados son Impresionante, Interesante, Útil, Aburrido, Sucks.

Entre otras configuraciones, puede decidir en qué páginas de WordPress aparece el botón, limitar cada usuario a un voto, excluir categorías y más.

Personaliza la apariencia de los botones de reacción

Aunque los botones tienen un estilo predeterminado, es posible que no coincidan con el esquema de colores de su sitio. Si desea personalizar su apariencia, primero debe deshabilitar el CSS predeterminado del complemento.

Puede hacer esto en la página de configuración del complemento.

Deshabilitar hojas de estilo para cargar complementos

Debajo de la casilla de verificación verá el enlace para el complemento reaction_buttons.css hoja de estilo. Haga clic en el enlace para copiar los elementos que debe personalizar.

A continuación, todo lo que tiene que hacer es copiar y pegar su CSS personalizado en la hoja de estilo de su tema o tema secundario.

Este es el ejemplo de CSS que usamos para agregar un color de fondo personalizado al botón.

/* 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;
}

Así es como se ve el botón en nuestro sitio de prueba:

botón de post-reacción

Esperamos que este artículo lo haya ayudado a aprender cómo agregar reacciones de publicación a su blog de WordPress para aumentar su compromiso.

También puede consultar este tutorial sobre cómo notificar a los usuarios cuando se aprueban sus comentarios en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Google+.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.