Cómo involucrar a los lectores con reacciones posteriores en WordPress

¿Quiere aumentar la participación de los usuarios en su sitio? Las reacciones a las publicaciones son 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 a las publicaciones en WordPress.

Botones de post-reacción

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

Afortunadamente, hay un complemento para eso.

Videotutorial

Suscríbete a WPMundobytes

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

Lo primero que debe hacer es instalar y activar el Botones de reacción conectar. Tras la activación, debe visitar Ajustes » Botones de reacción para configurar los ajustes del complemento.

Configuración de botones de reacción

La primera opción en la pantalla es mostrar los botones de reacción y desea asegurarse de que esté marcada. Si no lo marca, los botones de reacción no se mostrarán en su sitio, incluso si el complemento está activo.

Luego tienes la opción de elegir dónde quieres que aparezcan los botones. La opción predeterminada está en Mensajes.

También puede personalizar el texto que aparecerá antes de los botones con las etiquetas de los botones. Los botones predeterminados son Impresionante, Interesante, Útil, Aburrido, Sucks.

Entre otras configuraciones, puedes decidir en qué páginas de WordPress aparece el botón, limitar un voto por usuario, excluir categorías, etc.

Personalización de la apariencia de los botones de reacción

Aunque estos 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 la carga de la hoja de estilo del complemento

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

Luego, 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 un ejemplo de CSS que usamos para agregar un color de fondo personalizado a los botones.


/* 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ían los botones en nuestro sitio de prueba:

Botones de post-reacción

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

También puede consultar este tutorial sobre cómo notificar a los usuarios cuando se aprueba su comentario en WordPress.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Google+.

Si quieres conocer otros artículos parecidos a Cómo involucrar a los lectores con reacciones posteriores en WordPress puedes visitar la categoría Tutoriales.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up