Cómo poner imágenes una al lado de la otra en WordPress (fácilmente)

¿Quieres poner imágenes una al lado de la otra en tu contenido de WordPress?

A menudo, los principiantes tienen dificultades para encontrar cómo colocar dos imágenes una al lado de la otra en sus publicaciones y páginas de WordPress.

En esta guía paso a paso, mostraremos cómo colocar fácilmente imágenes una al lado de la otra en WordPress (sin escribir ningún código).

Uso del editor de bloques para colocar imágenes una al lado de la otra

La forma más fácil de obtener sus imágenes una al lado de la otra es usar el editor de bloques de WordPress.

El editor de bloques tiene un bloque especial de ‘Galería’ que le permite mostrar imágenes en filas y columnas.

Primero, deberá crear una nueva publicación / página o editar una existente para abrir el editor de contenido. Una vez dentro, haga clic en el símbolo (+) para agregar un nuevo bloque.

Crear una publicación y agregarle un bloque

A continuación, debe seleccionar el bloque Galería y agregarlo a su página. Puede encontrar el bloque Galería en la sección Bloques comunes, o puede usar la barra de búsqueda para ubicarlo rápidamente.

Seleccionar el bloque de la Galería para agregar a su publicación

Ahora, puede agregar imágenes fácilmente a su bloque de galería, arrastrándolas o usando el botón Cargar. También puede seleccionar imágenes de su biblioteca de medios de WordPress.

Como puede ver, hemos agregado 2 imágenes a nuestro bloque de Galería. WordPress los ha colocado automáticamente uno al lado del otro.

Dos imágenes en la galería (mariposas y manzana)

¿Qué pasa si quieres 3 imágenes una al lado de la otra? Esto es lo que sucede si agregamos una tercera imagen. WordPress simplemente cambia el tamaño de los demás para que se ajusten a los 3 uno al lado del otro:

Tres imágenes en la galería (mariposas, manzanas y flores azules)

Si carga una cuarta imagen, WordPress la colocará debajo de las demás.

Cuatro imágenes en la galería (mariposas, manzana, flores azules y petirrojo)

Puede cambiar la cantidad de imágenes que WordPress debe incluir una al lado de la otra en una sola columna.

Primero, haga clic en el bloque Galería, si aún no está seleccionado. En el lado derecho de la pantalla, verá la configuración de bloqueo de la Galería.

Cambiar la configuración del bloque de la galería

Puede ajustar el número de columnas aquí a cualquier número entre 1 y 4. Por ejemplo, si desea dos imágenes una al lado de la otra y dos más debajo de ellas, puede establecer las Columnas en 2.

Configurar la galería para que tenga 2 columnas en lugar de 3

¡Es tan simple como eso!

Si desea cambiar la ubicación de una imagen en su galería, simplemente haga clic en ella. Luego verá flechas que puede usar para moverlo hacia adelante o hacia atrás en la galería.

Mover una imagen hacia adelante o hacia atrás en la galería

Aquí hay una demostración de galería terminada de nuestra publicación de muestra:

La galería de 2 columnas en una publicación en vivo

Uso de un complemento para colocar imágenes una al lado de la otra en WordPress

Si está utilizando el antiguo editor clásico de WordPress, o si desea crear galerías más complejas que el bloque de galería predeterminado, necesitará un complemento de galería de WordPress.

Recomendamos usar Envira Gallery porque es el mejor complemento de galería de WordPress

Por el bien de este tutorial, usaremos la versión gratuita de Envira, pero es posible que desee obtener la versión Pro para obtener funciones poderosas como álbumes, presentaciones de diapositivas de imágenes, etc.

Primero, deberá instalar y activar el Galería Envira enchufar. Si no está seguro de cómo hacerlo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

A continuación, puede ir a Envira Gallery »Agregar nuevo en su panel de WordPress.

Agregar una nueva galería en Envira Gallery

Deberá darle un título a su galería. Hemos llamado a la nuestra ‘Galería de ejemplos’. A continuación, cargue las imágenes que desee utilizar.

Puede arrastrarlos y soltarlos en el cuadro de carga, o puede usar uno de los botones ‘Seleccionar archivos’.

Dale un nombre a tu nueva galería

Así es como se ven las imágenes una vez que se han subido:

Imágenes subidas a Envira Gallery

Es posible que desee asignar un título y un texto alternativo a sus imágenes aquí. El título aparece debajo de su imagen cuando el usuario coloca el cursor del mouse sobre él.

El título también aparece debajo de la imagen en el modo emergente de caja de luz, que veremos en un momento.

Para editar el título y el texto alternativo, haga clic en el botón Editar en una imagen de la galería.

Haga clic en el botón Editar para editar una imagen en su galería.

Luego puede cambiar el título de su imagen. Por defecto es el nombre de archivo de la imagen.

También debe ingresar texto alternativo, ya que esto es útil para el SEO de su sitio de WordPress. Si su título describe la imagen, simplemente puede repetirla para el texto alternativo.

Establecer el título y el texto alternativo para la imagen

Una vez que haya terminado, asegúrese de hacer clic en el botón ‘Guardar metadatos’ antes de hacer clic en la X para cerrar la ventana.

Haga clic en el botón Guardar metadatos para guardar sus cambios.

Para agregar su galería en el sitio, primero deberá publicarla. Continúe y haga clic en el botón Publicar en el lado derecho de la pantalla.

Haga clic en el botón Publicar para publicar su galería, de modo que pueda usarla en su sitio.

Ahora, edite una publicación o página, o cree una nueva. Dentro del editor de contenido, haga clic en (+) para agregar un bloque a su publicación y seleccione el bloque de Galería Envira. Puede encontrarlo en la sección Bloques comunes o puede usar la barra de búsqueda.

Agrega el bloque de la Galería de Envira a tu publicación o página

Luego, deberá hacer clic en el menú desplegable para seleccionar su galería.

Selecciona tu galería del bloque Envira Gallery

Debería ver su galería en su lugar en su publicación.

Puede ajustar la configuración en el lado derecho de la pantalla. Por ejemplo, es posible que desee cambiar el diseño de la columna o el tamaño del margen entre imágenes.

La Galería Envira mostrada en el editor de publicaciones

Decidimos configurar nuestra galería para que siempre se muestre en dos columnas. También agregamos un margen más amplio entre las imágenes.

El usuario puede hacer clic en una imagen para ver la versión en tamaño completo en una caja de luz. También pueden desplazarse por las imágenes usando la caja de luz.

Ver una imagen de la galería de Envira en una caja de luz

Si desea agregar más imágenes a su galería, puede volver a ella visitando Envira Gallery »Todas las galerías en su panel de WordPress. Simplemente haga clic en el nombre de su galería para editarla.

Editar una galería que ya ha creado en Envira Gallery

Cualquier cambio que realice en su galería aparecerá donde lo haya colocado en sus publicaciones, páginas o barras laterales. No es necesario que lo agregue a estos de nuevo.

Consejo: Si está usando el editor clásico en lugar del editor de bloques, aún puede usar Envira Gallery.

Verá un botón ‘Agregar galería’ encima del editor clásico que puede usar para agregar una galería existente a su publicación.

Agregar una galería de Envira en el editor clásico

También puede crear una nueva galería haciendo clic en el botón ‘Agregar medios’ y luego en ‘Crear galería’.

Crear una nueva galería usando la biblioteca de medios en el editor clásico

Esperamos que este tutorial le haya ayudado a aprender a poner imágenes una al lado de la otra en WordPress. Es posible que también desee consultar nuestra guía sobre cómo alinear imágenes en el editor de bloques de WordPress y nuestra lista completa de los complementos de WordPress imprescindibles (elección de un experto).

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja un comentario