Cómo mostrar fotos de WordPress en columnas y filas

¿Quieres mostrar las fotos de WordPress en columnas y filas? Por defecto WordPress añade imágenes en una columna vertical una encima de la otra. Sin embargo, si estás añadiendo varias fotos a una entrada del blog, esto no parece muy limpio y requiere mucho desplazamiento para tus usuarios. En este artículo, le mostraremos cómo mostrar fácilmente las fotos de WordPress en columnas y filas.

Por qué necesita fotos de WordPress en columnas y filas

Por defecto, cuando añades varias imágenes a un post de WordPress, aparecen una al lado de la otra o una encima de la otra.

Esto no se ve muy bien, y sus usuarios tendrán que desplazarse mucho para ver múltiples imágenes y fotos.

Puede resolver este problema fácilmente mostrando las fotos en filas y columnas utilizando un diseño basado en cuadrícula. De esta manera, las imágenes aparecerán en un diseño compacto y mejorarán la experiencia del usuario en su sitio web.

Dicho esto, echemos un vistazo a 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 instale ningún plugin nuevo en su sitio web. Si no agrega varias fotos con demasiada frecuencia, esto funcionará perfectamente para usted.

Primero, necesitas crear un nuevo mensaje o editar uno ya existente en el que quieras mostrar tus fotos. En la pantalla de edición de mensajes, haz clic en el botón «Agregar medios» para iniciar la ventana emergente del cargador de medios de WordPress.

A continuación, debe cargar todas las fotos que desee mostrar en filas y columnas. Después de la carga, verás tus fotos en la biblioteca de medios.

Las imágenes que acabas de subir ya estarán seleccionadas. Si desea incluir fotos cargadas previamente, puede seleccionarlas también haciendo clic en ellas en la biblioteca de medios.

A continuación, haga clic en el enlace «Crear galería» de la columna de la izquierda y, a continuación, haga clic en el botón «Crear una nueva galería».

La ventana emergente cambiará para mostrar las opciones de configuración de la galería.

Puede seleccionar el número de columnas, la ubicación de cada imagen, el tamaño de la imagen a mostrar y el orden de visualización aleatorio.

Después de eso necesitas hacer clic en el botón de insertar galería y WordPress insertará la galería en tu entrada del blog.

Si quieres cambiar el número de columnas u otros ajustes, entonces sólo tienes que hacer clic en las fotos en el editor de postproducción.

WordPress seleccionará tu galería y podrás hacer clic en el icono del lápiz para editar los ajustes de tu galería.

Eso es todo, puedes seguir escribiendo tu mensaje o guardar tus cambios. Puedes previsualizar el mensaje ahora para ver tus fotos en filas y columnas.

Este método funcionaría para la mayoría de los principiantes. Sin embargo, si usted ejecuta un blog de fotografía o a menudo comparte fotos en su sitio web, entonces 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 presionar el botón Atrás para volver a la página original.

Para una experiencia de usuario más profesional y bella, debería probar el método de plugin.

2. Mostrar fotos en columnas y filas usando el plugin

Lo primero que tiene que hacer es instalar y activar el plugin de la Galería Envira. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Envira Gallery es uno de nuestros plugins premium de WordPress y el precio comienza desde $19 por una licencia para un solo sitio.

Tras la activación, debe visitar la página Galería Envira » Configuración para introducir su clave de licencia. Puede obtener esta clave de su cuenta en el sitio web de Envira Gallery.

Ahora está listo para crear hermosas galerías de imágenes.

Vaya a Galería Envira » Añadir nueva página para crear su primera galería.

Puede seleccionar y cargar archivos desde su computadora, o puede seleccionarlos de la biblioteca de medios de WordPress.

Después de subir tus fotos, aparecerán en el cuadro de configuración de la galería de abajo.

A continuación, debe hacer clic en la pestaña de configuración para personalizar la forma en que desea mostrar sus fotos.

En «Número de columnas de la galería», puede seleccionar el número de columnas para sus fotos.

También puede especificar el tamaño exacto de las miniaturas que desea mostrar y el espacio que desea entre las imágenes en las columnas.

Después de eso, puedes hacer clic en el botón de publicar para que tu galería de fotos esté lista para ser añadida a tu sitio de WordPress.

Ahora necesitas editar un mensaje o crear uno nuevo. Notarás el nuevo botónAgregar Galería en la parte superior del editor de mensajes.

Al hacer clic en él se abrirá una ventana emergente en la que deberá seleccionar la galería que acaba de crear y hacer clic en el botón Insertar.

El plugin ahora agregará el código de acceso directo de la galería en el editor de mensajes.

Puedes guardar tu mensaje y previsualizarlo para ver tus fotos en columnas y filas en una hermosa galería de fotos que responde al móvil.

Ahora, cuando tus usuarios hagan clic en una foto en miniatura, ésta se abrirá en una hermosa ventana emergente. También podrán navegar por las imágenes sin salir de la página.

Esperamos que este artículo le haya ayudado a aprender a mostrar fotos de WordPress en columnas y filas. También puede consultar nuestra guía sobre cómo solucionar problemas comunes de imagen en WordPress.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario