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

visualización por defecto de las fotos en WordPress

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

fotos en columnas y filas

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

Haz clic en el botón de añadir medios para subir tus fotos en 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

Crear galería en WordPress

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"

Haz clic para crear una nueva galería de fotos seleccionadas

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

Opción de configuración de la galería

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

Fotos en columnas y filas como galería en WordPress

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

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

Fotos en filas y diseño de columnas en WordPress

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

Introduce la clave de licencia 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

Subir fotos para crear una nueva 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

Fotos añadidas a la Galería Envira

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

Configura 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

Añadir botón de galería

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.

Insertar galería

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

fotos en columnas y filas

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

Navegar por las fotos de un post

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.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up