En este vídeo de la Zona Código aprenderás a crear una galería con imágenes, título y texto que se muestre al estilo Masonry (como en Pinterest).
Sólo tendrás que copiar el html y css que te dejo y pegarlo donde te muestro en el vídeo. Comprobarás que la galería es responsive y se irá adaptando a los distintos tamaños de pantalla.
Muestra del resultado final
Vídeo: Crear una galería masonry (Pinterest) con sólo html y css en WordPress
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código html para la estructura de la galería (con imagen, título y texto)
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Código css para conseguir el estilo Masonry de Pinterest
Este contenido es para miembros
Incluye acceso a todos los cursos, vídeos de la Zona Código, recursos, al soporte y a la comunidad privada. Inicia sesión si eres miembro.
Conclusión
Y así consigues una galería estilo masonry (como las de Pinterest) en WordPress.
Sólo tienes que pegar el css y el html que dejo e ir cambiando las imágenes y el texto por tu propio contenido.