Cómo Poner Imágenes Lado a Lado en WordPress (Fácilmente)
¿Quieres poner imágenes lado a lado en tu contenido de WordPress?
A menudo, los principiantes tienen dificultades para 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 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).
Usar el Editor de bloques para Poner 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 ‘Galería’ que le permite mostrar imágenes en filas y columnas.
Primero, necesitarás 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.
A continuación, debe seleccionar el bloque de galería y agregarlo a su página. Puede encontrar el bloque de galería en la sección Bloques comunes, o puede usar la barra de búsqueda para localizarlo rápidamente.
Ahora, puedes agregar imágenes fácilmente a tu bloque de galería, arrastrándolas a él o usando el botón Cargar. También puede seleccionar imágenes de su biblioteca multimedia de WordPress.
Como puedes ver, hemos añadido 2 imágenes a nuestro bloque de galería. WordPress los ha posicionado automáticamente uno al lado del otro.
¿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 lado a lado:
Si subes una cuarta imagen, WordPress la colocará debajo de las demás.
Puede cambiar el número de imágenes que WordPress debe incluir una al lado de la otra en una sola columna.
Primero, haga clic en el bloque de galería, si aún no está seleccionado. En el lado derecho de la pantalla, verás la configuración de bloques 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.
Es tan simple como eso!
Si desea cambiar la posición de una imagen en su galería, simplemente haga clic en ella. Luego verás flechas que puedes usar para moverlo hacia adelante o hacia atrás en la galería.
Aquí hay una demostración de la galería terminada de nuestra publicación de ejemplo:
Usando un Complemento para Poner Imágenes una al lado de la otra en WordPress
Si está utilizando el antiguo editor de WordPress clásico, 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 plugin 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 potentes como álbumes, presentaciones de diapositivas de imágenes, etc.
En primer lugar, deberá instalar y activar el complemento Envira Gallery. Si no estás seguro de cómo, simplemente echa un vistazo a nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
A continuación, puede ir a Envira Gallery » Agregar nuevo en su panel de WordPress.
Tendrás que darle un título a tu galería. Hemos llamado a la nuestra «Galería de ejemplos». A continuación, sube las imágenes que quieras usar.
Puede arrastrarlos y soltarlos en el cuadro de carga, o puede usar uno de los botones «Seleccionar archivos».
Así es como se ven las imágenes una vez que se han subido:
Es posible que desee dar a sus imágenes un título y un texto alternativo aquí. El título aparece debajo de la imagen cuando el usuario coloca el cursor del ratón sobre ella.
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.
A continuación, puede cambiar el título de su imagen. El valor predeterminado es el nombre de archivo de la imagen.
También debe introducir 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.
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.
Para agregar su galería en el sitio, primero deberá publicarla. Siga adelante y haga clic en el botón Publicar en el lado derecho de la pantalla.
Ahora, editar una publicación o página, o crear una nueva. Dentro del editor de contenido, haz clic en (+) para agregar un bloque a tu publicación y selecciona el bloque Galería Envira. Puedes encontrarlo en la sección de Bloques comunes, o puedes usar la barra de búsqueda.
Luego deberá hacer clic en el menú desplegable para seleccionar su galería.
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.
Decidimos configurar nuestra galería para que se muestre siempre en dos columnas. También añadimos un margen más amplio entre las imágenes.
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.
Si desea agregar más imágenes a su galería, puede volver a ella visitando la Galería Envira » Todas las galerías en su panel de WordPress. Simplemente haga clic en el nombre de su galería para editarla.
Cualquier cambio que realices en tu galería aparecerá en cualquier lugar donde la hayas colocado en tus publicaciones, páginas o barras laterales. No es necesario añadirlo a estos de nuevo.
Sugerencia: Si utilizas el editor clásico en lugar del editor de bloques, puedes seguir utilizando Envira Gallery.
Verás un botón «Agregar galería» encima del editor clásico que puedes usar para agregar una galería existente a tu publicación.
También puede crear una nueva galería haciendo clic en el botón «Agregar contenido multimedia» y luego en «Crear galería».
Esperamos que este tutorial te haya ayudado a aprender a poner imágenes una al lado de la otra en WordPress. También puede 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 te gustó este artículo, suscríbete a nuestro canal de YouTube para tutoriales en vídeo de WordPress. También nos puedes encontrar en Twitter y Facebook.