Cómo mostrar las fotos de WordPress en columnas y filas
¿Quieres mostrar las fotos de WordPress en columnas y filas? Por defecto, WordPress añade las imágenes en una columna vertical una encima de otra. Sin embargo, si añades varias fotos a una entrada del blog, esto no parece muy limpio y requiere mucho desplazamiento para tus usuarios. En este artículo, te mostraremos cómo mostrar fácilmente las fotos de WordPress en columnas y filas
Por qué necesitas fotos de WordPress en columnas y filas
Por defecto, cuando añades varias imágenes a una entrada de WordPress, aparecen una al lado de la otra o una encima de la otra
Esto no se ve muy bien, y tus usuarios tendrán que desplazarse mucho para ver varias imágenes y fotos
Puedes resolver fácilmente este problema mostrando las fotos en filas y columnas mediante un diseño basado en una cuadrícula. De este modo, las imágenes aparecerán en un diseño compacto y mejorará la experiencia del usuario en tu sitio web
Dicho esto, vamos a ver cómo mostrar las fotos de WordPress en columnas y filas
1. Mostrar fotos en columnas y filas sin plugins
Este método no requiere que instales ningún nuevo plugin en tu sitio web. Si no añades varias fotos muy a menudo, entonces esto te funcionará bien
En primer lugar, tienes que crear un nuevo post o editar uno ya existente en el que quieras mostrar tus fotos. En la pantalla de edición de la entrada, haz clic en el botón "Añadir medios" para lanzar la ventana emergente del cargador de medios de WordPress
A continuación, tienes que subir todas las fotos que quieras mostrar en filas y columnas. Después de la subida, verás tus fotos en la biblioteca de medios
Las imágenes que acabas de subir ya estarán seleccionadas. Si quieres incluir alguna foto que hayas subido anteriormente, puedes seleccionarla también con sólo hacer clic en ella en la biblioteca de medios
A continuación, tienes que hacer clic en el enlace "Crear galería" de la columna de la izquierda y luego hacer clic en el botón "Crear una nueva galería"
La ventana emergente cambiará ahora para mostrar las opciones de configuración de la galería
Puedes seleccionar el número de columnas, el lugar al que debe enlazar cada imagen, el tamaño de la imagen a mostrar y el orden de visualización aleatorio
Después tienes que hacer clic en el botón de insertar galería y WordPress insertará la galería en la entrada de tu blog
Si quieres cambiar el número de columnas u otros ajustes, sólo tienes que hacer clic en las fotos en el editor de entradas
WordPress seleccionará tu galería y entonces podrás hacer clic en el icono del lápiz para editar los ajustes de la galería
Eso es todo, puedes continuar escribiendo tu post o guardar los cambios. Ahora puedes previsualizar el post para ver tus fotos en filas y columnas
Este método funcionaría para la mayoría de los principiantes. Sin embargo, si tienes un blog de fotografía o compartes a menudo fotos en tu sitio web, este método carece de varias características importantes
Por ejemplo, la apariencia de las fotos depende de tu tema de WordPress y estás limitado a ese diseño y estilo en particular
Tus imágenes no se abrirán en una ventana emergente de lightbox y los usuarios tendrán que cargarlas como una nueva página y luego pulsar el botón de retroceso para volver a la página original
Para una experiencia de usuario más profesional y bonita deberías probar el método del plugin
2. Mostrar las fotos en columnas y filas usando el plugin
Lo primero que tienes que hacer es instalar y activar el Galería Envira plugin. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Envira Gallery es uno de nuestros plugins premium para WordPress y su precio es a partir de 19 dólares por una licencia para un solo sitio
Tras la activación, tienes que visitar Envira Gallery " Configuración para introducir tu clave de licencia. Puedes obtener esta clave desde tu cuenta en el sitio web de Envira Gallery
Ahora estás listo para crear hermosas galerías de imágenes
Dirígete a Envira Gallery " Añadir nuevo para crear tu primera galería
Puedes seleccionar y subir archivos desde tu ordenador, o puedes seleccionarlos desde la biblioteca multimedia de WordPress
Después de subir tus fotos, aparecerán en el cuadro de configuración de la galería que aparece a continuación
A continuación, tienes que hacer clic en la pestaña de configuración para personalizar cómo quieres mostrar tus fotos
En "Número de columnas de la galería", puedes seleccionar el número de columnas para tus fotos
También puedes especificar el tamaño exacto de las miniaturas que quieres mostrar, y el espacio que quieres que haya entre las imágenes en las columnas
Después puedes hacer clic en el botón publicar para que tu galería de fotos esté lista para ser añadida a tu sitio de WordPress
Ahora tienes que editar un post o crear uno nuevo. Verás el nuevo botón "Añadir Galería" en la parte superior del editor de entradas
Al hacer clic en él, aparecerá una ventana emergente en la que deberás seleccionar la galería que acabas de crear y hacer clic en el botón de inserción.
El plugin ahora añadirá el shortcode de la galería en el editor de entradas
Puedes guardar tu post y previsualizarlo para ver tus fotos en columnas y filas en una hermosa galería de fotos que responde a los dispositivos móviles
Ahora, cuando tus usuarios hagan clic en la miniatura de una foto, ésta se abrirá en una bonita ventana emergente. También podrán navegar por las imágenes sin salir de la página
Esperamos que este artículo te haya ayudado a saber cómo mostrar las fotos de WordPress en columnas y filas. Quizás también quieras ver nuestra guía sobre cómo solucionar los problemas más comunes de las imágenes en WordPress
Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.
Si quieres conocer otros artículos parecidos a Cómo mostrar las fotos de WordPress en columnas y filas puedes visitar la categoría Guías para principiantes.
Deja un comentario
¡Más Contenido!