¿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.
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.
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.
¿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:
Si subes una cuarta imagen, WordPress la colocará debajo de las 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 Galería, si aún no está seleccionado. En el lado derecho de la pantalla, verá la configuración del 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 a continuación, puede establecer las columnas en 2.
¡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.
Aquí hay una demostración de la galería completada de nuestro artículo de muestra:
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.
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».
Así es como se ven las imágenes una vez que se han subido:
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.
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.
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 al sitio, primero debe publicarla. Continúe y haga clic en el botón Publicar en el lado derecho de la pantalla.
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.
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 siempre se muestre en dos columnas. También hemos agregado 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 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.
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.
También puede crear una nueva galería haciendo clic en el botón «Agregar un medio» y luego en «Crear una galería».
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.
){kind=link}