Aprende en este tutorial cómo puedes aplicar una clase de CSS personalizada a la imagen destacada de las entradas en Genesis Framework mediante código.
Si quieres jugar con la forma en que se muestran las imágenes destacadas del blog, en alguna ocasiones la mejor solución es crear una clase CSS personalizada.
De esta manera puedes maquetarlas de forma específica utilizando un nuevo selector de CSS.
¿Te interesa? Entonces, sigue leyendo:
Snippet para agregar una clase de CSS personalizada a la imagen destacada en posts de Genesis
Añade este snippet al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 1397 snippets de esta web,
identifícate o suscríbete aquí.
Ya lo tienes.
Con este código aplicas una clase personalizada de CSS a la imagen destacada de tus entradas gracias al filtro genesis_attr_entry-image.
Puedes cambiar ‘clase-personalizada’ por lo que tú quieras y usar ese selector de CSS para dar los estilos que deseas.
Conclusiones
Como ves, con un simple snippet de código puedes añadir una clase CSS que te permita maquetar a tu gusto la imagen destacada de las entradas en Genesis.
Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.
Todo ventajas de ser suscriptor. 😉
