¿Desea aumentar el compromiso de los usuarios de su sitio web? Publicar reacciones es una manera fácil para que sus lectores dejen sus comentarios en su blog sin dejar un comentario. En este artículo, le mostraremos cómo añadir comentarios en WordPress.
Reacciones es una función de la plataforma de Blogger que permite a tus visitantes una forma fácil y anónima de enviar comentarios sobre tus mensajes sin dejar ningún comentario. Cuando uno de nuestros usuarios cambió de Blogger a WordPress, nos preguntó si había alguna manera de replicar esa funcionalidad en WordPress.
Afortunadamente hay un plugin para eso.
Video Tutorial
Suscribirse a AprenderWP
Si no te gusta el video o necesitas más instrucciones, entonces continúa leyendo.
Lo primero que tienes que hacer es instalar y activar el plugin de los Botones de Reacción. Tras la activación, debe visitar Ajustes » Botones de reacción para configurar los ajustes del plugin.
La primera opción en la pantalla es mostrar los botones de reacción, y usted quiere asegurarse de que está marcada. Si lo deja desactivado, los botones de reacción no se mostrarán en su sitio aunque el plugin esté activo.
A continuación, tiene la opción de elegir dónde desea que aparezcan los botones. La opción predeterminada está debajo de los mensajes.
También puede personalizar el texto que aparecerá antes de los botones junto con las etiquetas de los botones. Los botones por defecto son Impresionante, Interesante, Útil, Aburrido, Apesta.
Entre otras opciones, puedes decidir en qué páginas de WordPress aparece el botón, restringir un voto por usuario, excluir categorías y más.
Personalizar la apariencia de los botones de reacción
A pesar de que estos botones están preestablecidos, es posible que no coincidan con la combinación de colores de su sitio. Si quieres personalizar su apariencia, primero debes deshabilitar la CSS por defecto del plugin.
Puedes hacerlo en la página de configuración del plugin.
Debajo de la casilla de verificación, verá el enlace a la hoja de estilo reaction_buttons.css del plugin. Haga clic en ese enlace para copiar los elementos que tiene que personalizar.
A continuación, todo lo que tienes que hacer es copiar y pegar tu CSS personalizado en la hoja de estilo de tu tema o tema hijo.
Aquí hay un ejemplo de CSS que usamos para agregar color de fondo personalizado a los botones.
123456789101112131414151617181920212223242526272829303132333433536373839404142434445464748/* los botones de reacción región */div.reaction_buttons{ margin-top: 20px; font-size: 0.8em; text-align: izquierda;} /* un solo botón */div.reaction_buttons.reaction_button { line-height: 3.2em; padding: 5px; margen: 03px; margen-inferior: 25px; cursor: puntero; color de fondo:#007fba;color:#FFF;} /* mientras se desplaza sobre el botón */div.reaction_buttons> .reaction_button:hover { color de fondo: #0F6;} /* el botón después de votar div.reaction_buttons>.voted, div.reaction_buttons>.voted:hover {} /* Número de votos incluyendo paréntesis..reaction_buttons .reaction_button.count {} */ número de votos entre los paréntesis..reaction_buttons .reaction_button.count_number {} */ #barra lateral de botones 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:
Esperamos que este artículo le haya ayudado a aprender a añadir comentarios en su blog de WordPress para aumentar su compromiso.
También puede consultar este tutorial sobre cómo notificar a los usuarios cuando sus comentarios sean aprobados en WordPress.
Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Google+.