Saltar al contenido

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).

20201128 151

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.

20201128 152

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

20201128 153

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.

20201128 154

¿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 quepan los 3 uno al lado del otro:

20201128 155

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

Leer más  21 mejores temas oscuros de WordPress (incluido gratis) (2020)
20201128 156

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.

20201128 157

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.

20201128 158

¡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.

20201128 159

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

20201128 160

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 complemento Envira Gallery . 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 la Galería de Envira »Agregar nuevo en su panel de WordPress.

20201128 161

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

Leer más  Cómo solucionar problemas comunes de imágenes en WordPress

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

20201128 162

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

20201128 163

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.

20201128 164

Luego puede cambiar el título de su imagen. Por defecto, 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 repetirlo para el texto alternativo.

20201128 165

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.

20201128 166

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.

20201128 167

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 la Galería Envira. Puede encontrarlo en la sección Bloques comunes o puede usar la barra de búsqueda.

20201128 168

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

20201128 169

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

Leer más  21 mejores temas de CV de WordPress para su CV en línea (2020)

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.

20201128 170

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.

20201128 171

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

20201128 172

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

20201128 173

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

Sugerencia: 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.

20201128 174

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

20201128 175

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 (selección de expertos) .

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook .