Putting Images Side By Side In Wordpress

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 luchan por descubrir 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).

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

Contents

La forma más fácil de poner 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.

Crea Un Artículo Y Agrégale 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 Galería Para Agregar A Su Mensaje
Ahora puede agregar imágenes fácilmente a su bloque de galería, arrastrándolas o usando el botón de descarga. 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 colocó 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 otros para que se ajusten a los 3 uno al lado del otro:
Tres Imágenes En La Galería (Mariposas, Manzana Y Flores Azules)
Si subes una cuarta imagen, WordPress la colocará debajo de las demás.
Cuatro Imágenes En La Galería (Mariposas, Manzana, Flores Azules Y Mirlo)
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 del bloque de Galería.
Modificar 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 a continuación, puede establecer las columnas en 2.
Definición De La Galería Para Tener 2 Columnas En Lugar De 3
¡Es así de simple! 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 la galería completada de nuestro artículo de muestra:
La Galería De 2 Columnas En Una Publicación En Vivo

Use un complemento para poner imágenes una al lado de la otra en WordPress

Si está utilizando el antiguo editor clásico de WordPress, o 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 ya que es el mejor complemento de galería de WordPress.Para los propósitos de este tutorial, usaremos la versión gratuita de Envira, pero es posible que desee obtener la versión Pro para obtener algunas funciones poderosas como álbumes, presentaciones de diapositivas de imágenes. etc. Primero, deberá instalar y activar el complemento Envira Gallery. Si no sabe cómo, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Entonces puedes 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. A la nuestra la llamamos “Galería de ejemplos”. Luego cargue las imágenes que desee utilizar. Puede arrastrarlos y soltarlos en el cuadro de descarga o utilizar 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 La Galería De Envira
Puede dar un título y un texto alternativo a sus imágenes 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 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, el nombre de archivo de la imagen. También debe ingresar texto alternativo, ya que es útil para el SEO de su sitio de WordPress. Si su título describe la imagen, puede simplemente repetirla para el texto alternativo.
Definir El Título Y El Texto Alternativo De 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 al sitio, primero debe 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 Y Poder Usarla En Su Sitio.
Ahora edite cualquier 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 Envira Gallery. Puede encontrarlo en la sección Bloques comunes o puede usar la barra de búsqueda.
Agrega El Bloque De Envira Gallery A Tu Publicación O Página
Luego deberá hacer clic en el menú desplegable para seleccionar su galería.
Selecciona Tu Galería En El Bloque Galería Envira
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 Presentada En El Editor De Publicaciones.
Decidimos configurar nuestra galería para que siempre se muestre en dos columnas. También hemos agregado un margen más amplio entre las imágenes.
Envira Gallery Medium Margin
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.
Mostrar 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 regresar 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.
Edita Una Galería Que Ya Has Creado En Envira Gallery
Cualquier cambio que realice en su galería aparecerá donde los colocó en sus publicaciones, páginas o barras laterales. No es necesario volver a agregarlo.
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 un medio» y luego en «Crear una 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 utilizar imágenes en paralelo 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 complementos de WordPress imprescindibles (selecciones de expertos). Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Originally posted 2021-02-24 14:11:47.

Leave a Reply