Post Top Ad

Your Ad Spot

sábado, 25 de julio de 2020

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 luchan 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 paso a paso, le mostraremos cómo poner fácilmente imágenes lado a lado en WordPress (sin escribir ningún código).
Poner imágenes lado a lado en WordPress

Uso del editor de bloques para poner las 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, 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 localizarlo rápidamente.
Seleccionar el bloque de Galería para agregar a tu publicación
Ahora, puede agregar fácilmente imágenes 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 posicionado 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 lado a lado:
Tres imágenes en la galería (mariposas, manzana y flores azules)
Si carga una cuarta imagen, WordPress la colocará debajo de las otras.
Cuatro imágenes en la galería (mariposas, manzana, flores azules y petirrojo)
Puede cambiar la cantidad de imágenes que WordPress debería 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 para el bloque de 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

Usando un complemento para poner imágenes lado a lado 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 la galería de WordPress
En aras de este tutorial, utilizaremos la versión gratuita de Envira, pero es posible que desee obtener la versión Pro para obtener funciones potentes como álbumes, presentaciones 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 Envira Gallery »Agregar nuevo en su panel de WordPress.
Agregar una nueva galería en Envira Gallery
Deberás darle un título a tu galería. Hemos llamado a la nuestra 'Galería de ejemplos'. A continuación, suba las imágenes que desea usar.
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 cargado:
Imágenes subidas a Envira Gallery
Es posible que desee dar a sus imágenes un título y texto alternativo 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 lightbox, 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. El valor predeterminado 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, para 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 Envira Gallery. Puede encontrarlo en la sección Bloques comunes, o puede usar la barra de búsqueda.
Agregue el bloque Envira Gallery a su publicación o página
Luego deberá hacer clic en el menú desplegable para seleccionar su galería.
Seleccione su galería del bloque Galería Envira
Deberías ver tu galería en su lugar en tu 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 que se muestra 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 a 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 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.
Edición de 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 agregarlo nuevamente.
Consejo: Si está utilizando 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.
Agregar una galería Envira en el editor clásico
También puede crear una nueva galería haciendo clic en el botón 'Agregar medios' y luego 'Crear galería'.
Crear una nueva galería utilizando la Biblioteca de medios en el Editor clásico
Esperamos que este tutorial te haya ayudado a aprender cómo poner imágenes lado a lado 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 imprescindibles de WordPress (selección experta) .
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para ver videos tutoriales de WordPress. También nos puede encontrar en Twitter y Facebook .

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas