Aprende a crear una galería de imágenes responsive en WordPress con css. Muestra 4, 2 ó 1 columnas, dependiendo del tamaño de la pantalla.
Puedes crear galerías de imágenes usando algún plugin. Por ejemplo, en este tutorial te hablo del mejor plugin para galerías.
Pero si quieres hacerlo de forma manual, sólo con css y html, entonces sigue conmigo.
Vamos a hacer una galería con un máximo de 4 columnas y un mínimo de 1. Dependiendo del tamaño de la pantalla de tus visitantes, las columnas se irán ajustando de forma automática.
Vídeo: cómo crear una galería de imágenes responsive en WordPress con css
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 mostrar la galería
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 la galería de imágenes
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
En el vídeo de esta semana has aprendido a crear tu propia galería de imágenes con css. Además 100% responsive para que se adapte a la pantalla de cualquier dispositivo.
Te recomiendo que jueges con el número de imágenes que usas y el tamaño de las mismas porque, como te explico en el vídeo, se pueden conseguir galerías muy originales y visuales.
Sigue personalizando WordPress sin usar plugins con el resto de vídeos de la Zona Código.