• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Añadir una clase de CSS personalizada a la imagen destacada en Genesis

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 1801 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. 😉

CSS Genesis Framework Imagen destacada PHP

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?