¿Quieres mostrar fotos de WordPress en columnas y filas?
De forma predeterminada, WordPress agrega imágenes en una columna vertical, una encima de la otra. Sin embargo, si agrega varias fotos a una publicación de blog, esto no se verá muy limpio y requerirá que sus usuarios se desplacen mucho.
En este artículo, le mostraremos cómo mostrar fácilmente fotografías de WordPress en columnas y filas.
Por qué necesita fotos de WordPress en columnas y filas
De forma predeterminada, cuando agrega varias imágenes a una publicación de blog de WordPress, aparecerán una al lado de la otra o una encima de la otra.
Esto no se ve muy bien y sus usuarios deben desplazarse mucho para ver varias imágenes y fotografías.
Puede resolver fácilmente este problema mostrando fotografías 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.
Si tiene un sitio web de fotografía, puede mostrar su portafolio de una manera más atractiva. O puede mostrar más imágenes de productos en una tienda en línea mostrándolas en filas y columnas.
Dicho esto, echemos un vistazo a cómo mostrar fotos de WordPress en columnas y filas manualmente o usar un complemento de WordPress. Simplemente haga clic en los enlaces a continuación para ir a su sección preferida.
1. Mostrar fotos en columnas y filas sin complementos
Este método no requiere instalar un complemento en su sitio web de WordPress. Si no agregas varias fotos con demasiada frecuencia, esto funcionará bien para ti.
Puede agregar imágenes manualmente a un bloque de columnas o usar el bloque de galería predeterminado en WordPress.
Agregar imágenes a un bloque de columnas
Primero, debes crear una nueva publicación o editar una existente donde quieras mostrar tus fotos. Una vez que esté en la pantalla del editor de contenido, haga clic en el botón ‘+’ para agregar un bloque de columnas.
A continuación, puede elegir la cantidad de columnas que desea y su diseño.
Por ejemplo, puede elegir una proporción de 50/50, una proporción de 33/66, una proporción de 25/50/25 y más.
Después de eso, puedes agregar un bloque de imagen a cada columna.
Simplemente haga clic en el botón ‘+’ y seleccione el bloque ‘Imagen’.
A continuación, deberá agregar una imagen al bloque.
Puede hacer clic en el botón ‘Cargar’ para agregar una imagen desde su computadora o seleccionar la opción ‘Biblioteca multimedia’ para usar una imagen existente.
Una vez que se abra la biblioteca multimedia, simplemente seleccione su imagen preferida y haga clic en el botón «Seleccionar».
Una de las mejores prácticas de optimización de imágenes es agregar un texto alternativo a su imagen. Esto permite que los robots de los motores de búsqueda comprendan su imagen y la muestren en los resultados de búsqueda de imágenes.
Ahora deberías ver tu imagen en uno de los bloques de columnas.
Ahora puedes hacer lo mismo con otros bloques de la columna y agregar más imágenes.
Agregar imágenes en un bloque de galería
WordPress también ofrece un bloque de galería predeterminado que puedes usar para mostrar imágenes en columnas y filas.
Para comenzar, haga clic en el botón ‘+’ y agregue un bloque de Galería en el editor de contenido.
A continuación, deberá cargar imágenes o elegirlas de la biblioteca multimedia.
Para este tutorial, elegiremos la opción ‘Biblioteca multimedia’.
Desde, simplemente seleccione las imágenes que desea agregar a su galería y muéstrelas en filas y columnas.
Una vez que elijas las imágenes, haz clic en el botón ‘Crear una nueva galería’.
A continuación, WordPress le pedirá que ingrese títulos para cada imagen y reorganice el orden de las imágenes.
Después de hacer eso, simplemente haga clic en el botón ‘Insertar galería’.
Ahora deberías ver tus imágenes en el bloque de la galería.
Puede ajustar el número de filas haciendo clic en el control deslizante en el panel de Configuración a la derecha.
Una vez que haya terminado, simplemente publique su publicación para ver imágenes en columnas y filas.
Simplemente visite su sitio para verlos en acción.
Este método funcionaría para la mayoría de los principiantes. Sin embargo, si tiene un blog de fotografía o comparte fotos con frecuencia en su sitio web, este método carece de varias características importantes.
Por ejemplo, la apariencia de las fotos depende de su tema de WordPress y usted está limitado a ese diseño y estilo en particular.
Sus imágenes no se abrirán en una ventana emergente y los usuarios tendrán que cargarlas como una página nueva y luego presionar el botón Atrás para regresar a la página original.
Para una experiencia de usuario más profesional y hermosa, deberías probar el método del complemento.
2. Muestre fotos en columnas y filas usando un complemento
El mejor complemento para agregar fotos en columnas y filas es Galería Envira. Es el complemento de galería de WordPress más popular, es muy fácil de usar y ofrece muchas funciones.
Primero, debes instalar y activar el complemento Envira Gallery. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Tras la activación, debe visitar el Galería Envira » Configuración página para ingresar su clave de licencia. Puede obtener esta clave desde su cuenta en el sitio web de Envira Gallery.
Ahora estás listo para crear hermosas galerías de imágenes.
Simplemente dirígete a Galería Envira » Agregar nuevo desde el panel de WordPress para crear su primera galería.
Primero, deberás ingresar un nombre para tu galería en la parte superior. Desde aquí, puede seleccionar y cargar archivos desde su computadora, o puede seleccionarlos desde la biblioteca multimedia de WordPress.
Después de cargar tus fotos, las verás aparecer en el cuadro de configuración de la galería a continuación.
A continuación, debe hacer clic en la pestaña ‘Configuración’ para personalizar cómo desea mostrar sus fotos.
Envira Gallery te permite elegir diferentes diseños de galería. Para mostrar imágenes en filas y columnas, puede seleccionar los diseños de cuadrícula, masón y cuadrado.
Después de seleccionar el diseño, puede hacer clic en el menú desplegable «Número de columnas de la galería» y elegir cuántas columnas desea mostrar.
Si te desplazas hacia abajo, verás más opciones para personalizar tu galería. Por ejemplo, hay configuraciones para editar las dimensiones y el tamaño de su galería.
Después de eso, puede hacer clic en el botón ‘Publicar’ para que su galería de fotos esté lista para agregarse a su sitio de WordPress.
Ahora, necesitas editar una publicación o crear una nueva. Una vez que esté en el editor de contenido, simplemente haga clic en el botón ‘+’ para agregar el bloque ‘Galería Envira’.
Desde aquí, puede hacer clic en el menú desplegable y seleccionar la galería que creó anteriormente.
Ahora puedes guardar tu publicación y obtener una vista previa de ella para ver tus fotos en columnas y filas en una hermosa galería de fotos adaptada a dispositivos móviles.
Ahora, cuando sus usuarios hagan clic en la miniatura de una foto, se abrirá en una hermosa ventana emergente. También podrán explorar imágenes sin salir de la página.
Bonificación: cree un tema personalizado con columnas y filas de imágenes
También puedes crear temas personalizados de WordPress que tengan un marcador de posición para agregar imágenes en columnas y filas.
La mejor manera de crear un tema personalizado es mediante el uso de un SemillaProd. Es el mejor creador de sitios web del tipo arrastrar y soltar que ofrece temas prediseñados y muchas opciones de personalización.
Puede agregar un bloque de columnas a los diseños de su página de destino usando SeedProd y agregar imágenes a filas y columnas. SeedProd incluso viene con un bloque de Galería incorporado que puedes usar para esto.
Para obtener más información, consulte nuestra guía sobre cómo crear un tema de WordPress personalizado sin código.
Esperamos que este artículo le haya ayudado a aprender cómo mostrar fotos de WordPress en columnas y filas. Quizás también quieras ver nuestra guía sobre cómo solucionar problemas comunes de imágenes en WordPress y el mejor software de diseño para pequeñas empresas.
Si te gustó este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.
Fuente: Cómo mostrar fotos de WordPress en columnas y filas