Cómo dar estilo a los comentarios del autor en WordPress
¿Está buscando una forma de diseñar los comentarios del autor en WordPress? La comunicación con su comunidad es extremadamente importante y la sección de comentarios le permite hacer precisamente eso. Sin embargo, de forma predeterminada, no hay características distinguibles para resaltar los comentarios del autor en WordPress. Esto plantea un serio problema para los autores que quieren dar a conocer su presencia.
Como la mayoría de las cosas relacionadas con el diseño, deberá diseñarlas con CSS personalizado en WordPress. Agregar CSS de cualquier tipo es muy fácil de hacer en WordPress y no requerirá ningún conocimiento previo de codificación, pero tener algo ayuda. Hoy, demostraré cómo diseñar comentarios de autor en WordPress usando un código CSS simple.
¿Por qué deben destacarse los comentarios de los autores?
Destacar los comentarios del autor es extremadamente popular porque muestra una comunicación directa entre el creador del contenido y el visitante. Esto hace que su sitio web parezca más confiable y abierto a los comentarios que brindan los visitantes. Los sitios web que no se comunican con sus bases de fans por lo general no duran mucho.
Desafortunadamente, sin una característica distinguible que separe a los visitantes normales de los autores y otros miembros del personal, no hay manera de permitir que la gente lo vea. Por ejemplo, es muy fácil que alguien se cree una cuenta con el nombre del autor y se haga pasar por él en la sección de comentarios.
Si bien a veces esto es cómico, puede ser bastante malo si la gente comienza a pensar que estos autores son auténticos. Por lo tanto, te das cuenta de lo importante que es destacar los comentarios de los miembros del personal en tu sección de comentarios.
Cómo dar estilo a los comentarios del autor en WordPress
Hoy, demostraré cómo diseñar comentarios de autor en WordPress usando un código CSS simple. Al agregar cualquier forma de CSS a WordPress, tiene muchas opciones de diseño. Siempre recomiendo buscar en línea plantillas CSS que pueda editar y usar para su propio sitio web cuando no se sienta cómodo codificando desde cero. Hay toneladas de ellos por ahí y este tutorial cubrirá cómo agregar cualquiera de ellos a su sitio web.
Tenga en cuenta que si no desea cambiar significativamente la sección de comentarios, otra alternativa es simplemente agregar una etiqueta de función de usuario junto al nombre. Esto hará que se note un poco más sin cambiar nada más.
Agregar CSS personalizado a WordPress
El primer paso es ubicar dónde puede agregar CSS personalizado en WordPress. Es bastante fácil y siempre es el mismo, por lo que es posible que ya sepa dónde está si ha diseñado algo anteriormente.
En el panel de administración de la izquierda, haga clic en Apariencia y seleccione la opción Personalizar.
Aquí puede editar directamente los diversos aspectos de diseño de su sitio web. Haga clic en la opción CSS adicional.
Aquí verá un cuadro de texto donde puede agregar CSS adicional. Puede ver los cambios en su sitio web. En este caso, editaremos la sección de comentarios, así que busque una publicación que tenga un comentario de un autor para que pueda ver los cambios.
No se preocupe, nadie lo verá haciendo cambios en su sitio web. Los cambios solo aparecerán cuando haga clic en el botón "Publicar".
Dar estilo a los comentarios de su autor
Ahora todo lo que queda por hacer es diseñar los comentarios del autor. Cualquier código que le muestre tiene la posibilidad de no funcionar si su tema usa diferentes convenciones de nomenclatura. En la mayoría de los casos, esto funcionará para la mayoría de los temas. El problema puede ser con los temas premium que intentan ser demasiado únicos.
Tómese un tiempo y navegue por la web para encontrar diferentes opciones de estilo que puede usar en su sitio web. Demostraré una de las formas más simples pero efectivas de mostrar comentarios, un efecto de resaltado. Resaltar el color de fondo de sus comentarios o mostrar un color diferente es una forma segura de destacar.
Copie y pegue el siguiente código en el cuadro de texto CSS adicional:[ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ].comment-list .comment.bypostauthor,
.comment-list .children .comment.bypostauthor {
background: #00FAAE ;
borde: 1px sólido #bce8f1;
borde izquierdo: 5px sólido #088E3D;
caja-sombra: inserción 0 0 0 1px #fff;
}[/ht_mensaje]
Esto tiene una buena cantidad de espacio para el cambio. Para empezar, querrá cambiar tanto el color de fondo como el color del borde. Puedes usar HTMLcolorcodes.com para ayudarte a hacer eso. Le permite probar todos los colores posibles y proporciona el código de color HTML.
También puede cambiar o eliminar el grosor de los bordes. Solo recuerda que solo deben tener unos pocos píxeles como máximo.
Cualquier código que encuentre en línea se puede editar de manera similar. Incluso si no está seguro de lo que está haciendo, cambiar un código de color lo ayudará a identificar qué parte está editando. Solo asegúrese de que cualquier color que elija coincida con el esquema de color de su sitio web.
Una vez que haya terminado de editar el código, haga clic en el botón "Publicar" para guardar los cambios.
Felicitaciones, ha aprendido con éxito cómo diseñar comentarios de autor en WordPress.
Haga que sus comentarios se destaquen
La comunicación con su comunidad es esencial para un sitio web en crecimiento. Sus visitantes le darán muchos comentarios útiles que puede utilizar para mejorar su sitio web. Esto es fundamental para hacer crecer su sitio web y su comunidad. Hacer que sus comentarios se destaquen realmente puede ayudarlo a alertar a sus visitantes de que está leyendo sus comentarios y opiniones. Generalmente, cuando los visitantes saben que los creadores de contenido están leyendo sus comentarios, es más probable que los dejen.
¿Qué diseño has elegido para tus comentarios de autor? ¿Qué tan fácil ha encontrado agregar CSS personalizado en WordPress?