Imatges destacades alternes en el blog a GeneratePress

Mostrar las imágenes destacadas del loop de GeneratePress alternadamente (a derecha e izquierda)

Hoy he descubierto algo interesante. Sabía que se podía hacer, pero nunca hubiera imaginado que sería tan fácil de hacer. Con un poquito de CSS puedes modificar el loop de WordPress de tal forma que las imágenes destacadas del blog se vayan alineando alternadamente. Es decir, a derecha e izquierda alternadamente.

Esto es un recurso muy habitual en el diseño de pàginas, sobre todo en webs corporativas. Un recurso habitual para dar un poco de agilidad al lector y para romper una lectura demasiado vertical. Y en el tema del blog es muy sencillo de implementar. Basta esta poco de css.

.post-image-aligned-left .type-post:nth-child(even) .inside-article .post-image {
    margin-left: 2em;
    float: right;
    text-align: right;
}

Este poco de CSS lo podemos colocar en nuestro archivo style.css si tenemos un tema hijo, en un plugin de css (por ejemplo Simple CSS del mismo autor de GeneratePress), o sino en el personalizador de WordPress.

Y si desea ver cómo puede quedar algo así echa un vistazo a este video tutorial.

Video tutorial de cómo mostrar las imágenes destacadas del loop de GeneratePress alternamente (a derecha e izquierda)

1 comentario en «Mostrar las imágenes destacadas del loop de GeneratePress alternadamente (a derecha e izquierda)»

Deja un comentario

Identifícate