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

¿Le gustaría poner fotos una al lado de la otra en su contenido de WordPress? A menudo, los principiantes se esfuerzan por encontrar cómo poner dos imágenes una al lado de la otra en sus publicaciones y páginas de WordPress. En esta guía de paso por paso, mostraremos cómo poner las imágenes fácilmente entre sí en WordPress (sin escribir ningún código).

Usar el editor de bloques para poner las imágenes una al lado de la otra, la forma más fácil de obtener las 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.

Luego debe seleccionar el bloque de la galería y agregarlo a su página. Puede encontrar el bloque de la galería en la sección del bloque común o puede usar la barra de búsqueda para localizarlo rápidamente.

Ahora puede agregar fácilmente imágenes a su bloque de la galería tirándolas o usando el botón de carga. También puede seleccionar imágenes de la biblioteca de medios de WordPress. Como puede ver, agregamos 2 imágenes a nuestro bloque de la galería. WordPress los colocó automáticamente uno al lado del otro.

¿Qué sucede si quieres 3 fotos uno al lado del otro? Esto es lo que sucede si agregamos una tercera imagen. WordPress simplemente cambia el tamaño de los otros para que coincidan con los 3 lado a lado:

Si subes una cuarta imagen, entonces WordPress la colocará debajo de los demás.

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 de la galería, si aún no se selecciona. En el lado derecho de la pantalla, verá la configuración de bloqueo 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 otras dos debajo de ellas , puede establecer las columnas en 2.

¡Es tan simple como esto! Si desea cambiar la posición de una imagen en su galería, haga clic en ella. Luego verá las flechas que puede usar para avanzar o volver a la galería.

Aquí hay una demostración completa de la galería en nuestra muestra de publicación:

Usando un complemento para colocar imágenes uno al lado del otro si usa el antiguo editor clásico de WordPress o si desea crear galerías más complejas que el bloque de galería predeterminado, entonces necesitará un arado de WordPress. Recomendamos usar la galería Envira porque es la mejor galería de WordPress

En aras de este tutorial, utilizaremos la versión gratuita de Envira, pero es posible que desee que la versión Pro obtenga características fuertes como álbumes, presentaciones de imágenes, etc. Primero, deberá instalar y activar el complemento de la Galería Envira. Si no está seguro de cómo, consulte nuestra guía de paso por paso sobre cómo instalar un complemento de WordPress. Luego puede ir a la galería Envira »Agregar nuevo al tablero de WordPress.
Tendrá que darle un título a su galería. Lo llamé nuestra “galería de ejemplos”. Luego suba las imágenes que desea usar.

Puede extraerlos y sujetarlos en la caja de carga o puede usar uno de los “Seleccionar archivos”
Es posible que desee darle a las fotos un título y otro texto aquí. El título aparece debajo de su imagen cuando el usuario pasa el cursor del mouse sobre él. El título también aparece debajo de la imagen en el modo Lightbox emergente, que analizaremos en un momento. Para editar el título y el texto alternativo, haga clic en el botón Editar en una imagen en la galería.

Luego puede cambiar el título de su imagen. El valor predeterminado es el nombre del archivo de la imagen.


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

Después de haber terminado, asegúrese de hacer clic en el botón “Guardar el metadato” antes de hacer clic en X para cerrar la ventana.
Para agregar la galería al sitio, primero tendrá que publicarla. Continúe y haga clic en el botón Publicar en el lado derecho de la pantalla.

Ahora edite una publicación o página o cree una nueva. En el 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 de bloque común o usar la barra de búsqueda.

Luego deberá hacer clic en el menú Drop -down para seleccionar su galería.

Deberías ver tu galería en su puesto. Puede ajustar la configuración en el lado derecho de la pantalla. Por ejemplo, es posible que desee cambiar la apariencia de la columna o el tamaño del borde entre las imágenes.

Decidimos establecer nuestra galería para que siempre se muestre en dos columnas. También agregué un margen más amplio entre las imágenes. El usuario puede hacer clic en una imagen para ver la versión en un cuadro de caja de luz. También puedo desplazar las imágenes con LightBox.

Si desea agregar más fotos a su galería, puede volver a esto visitando la galería Envira »todas las galerías en su tablero de WordPress. Simplemente haga clic en el nombre de su galería para editarlo.

Cualquier cambio que haga a su galería aparecerá donde lo haya colocado en publicaciones, páginas o barras laterales. No tienes que agregarlo de nuevo a ellos. Consejo: si usa el editor clásico en lugar del editor de bloques, aún puede usar Envira Gallery. Verá un botón “Agregar galería” sobre el editor clásico que puede usar para agregar una galería existente a su publicación.

También puede crear una nueva galería haciendo clic en el botón “Agregar contenido multimedia”, luego “Crear galería”.

Esperamos que este tutorial te ayude a aprender cómo poner fotos una al lado del otro. También puede consultar a nuestra guía sobre cómo alinear las imágenes en el editor de bloques de WordPress y nuestra lista integral de complementos de WordPress debe tener (experto experto).

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