giok77

giok77

giok77

slot bonus new member

rumah88

Imágenes de WordPress una al lado de la otra: así es como se hace

¿Estás frustrado con el formato de imagen de WordPress? Obtener imágenes de WordPress una al lado de la otra no es la tarea más fácil en un editor clásico.

Cambiar al editor de bloques y alinear fotos se puede hacer con solo unos pocos clics. No se requiere HTML.

Si prefiere el editor clásico, deberá alinear sus imágenes de WP una al lado de la otra. No es difícil. Sólo un poco de HTML.

Siga leyendo para aprender cómo alinear imágenes de WP usando el editor Classic o Gutenberg.

Puede crear galerías en la biblioteca multimedia. El editor de bloques tiene una galería de bloques que alinea automáticamente las imágenes. Añadiéndolas al editor clásico fusiona las fotos, pero ajustando el HTML para que flote las separa. Dos complementos de galería que funcionan son el complemento Ultimate Shortcodes y Robo Gallery.

📑 Aquí podrás encontrar 👇

Cambiar al editor de bloques

El editor de WP predeterminado es el editor de bloques. Se lanzó en 2018 con el lanzamiento de WordPress 5.0.

Dado que el complemento Classic Editor tiene más de 5 millones de instalaciones activas, está claro que muchos usuarios no están interesados ​​en Gutenberg.

Si usted es uno de ellos, este es uno de esos momentos en los que usar un editor de bloques ayudaría.

Hay un bloque de "Galería" que le permite insertar dos columnas para alinear sus imágenes.

Desde aquí, puede insertar imágenes de su biblioteca de medios o cargarlas directamente desde su computadora.

Las imágenes se alinean automáticamente entre sí y la configuración predeterminada es tres imágenes.

Si usa solo dos, las fotos aparecerán una al lado de la otra.

Artículo Recomendado:  16 herramientas para crear mejores imágenes para las publicaciones de tu blog

La configuración predeterminada de la galería es mostrar hasta tres imágenes una al lado de la otra.

Si desea tener cuatro imágenes una al lado de la otra, cambie la configuración de la galería en la columna de la derecha.

Si desea agregar más, siga agregando más imágenes. El contenido que no cabe en una línea creará una segunda línea.

Toma imágenes una al lado de la otra en WordPress con HTML en el editor clásico

En el editor clásico, las cosas son diferentes. Sin cambio de tamaño automático. Entonces, a menos que las imágenes tengan el mismo tamaño, no obtendrá un formato limpio.

Si las suyas son de diferentes tamaños, pegue las dos imágenes, haga clic en el ícono de edición (el símbolo de lápiz pequeño cuando pasa el mouse sobre la imagen en modo borrador) y cambie el tamaño de la miniatura o el medio.

El tamaño grande es 1024px x 576px. Son demasiado grandes para aparecer uno al lado del otro en una página web. Se alinearán.

Si desea que se muestren dos imágenes más pequeñas una al lado de la otra y centradas, no alinee las imágenes en el centro. Esto también los resolverá.

En su lugar, cambie de un editor "visual" a un editor de "texto" y envuelva todo el HTML de la imagen en

Etiqueta. Esto es en "

Obtener la distancia entre las imágenes insertadas en el editor clásico

El siguiente problema al que te enfrentarás es la distancia. Colocar las imágenes una al lado de la otra directamente en el editor clásico las juntará de manera predeterminada. No hay espacio entre las imágenes.

Para obtener la distancia, debe insertar un elemento flotante en el código HTML.

La imagen no es una imagen centrada, sino que flota a ambos lados de la página.

Su código HTML es

Artículo Recomendado:  La consultoría publicitaria ¿Qué os parece?

style="float: left; margin-left: 10px" …

10px se puede cambiar a cualquier número. Cuanto mayor sea el número, mayor será la distancia.

Crea galerías desde tu biblioteca de medios

La forma más fácil de poner las imágenes de WordPress junto con el editor clásico es crear una biblioteca de medios.

Haga clic en el botón Agregar medios y seleccione la opción Crear galería.

Cargue su imagen desde allí o seleccione una imagen de su biblioteca de medios.

Uso del complemento Ultimate Shortcodes

Una de las formas más fáciles de insertar imágenes alineadas una al lado de la otra en WordPress es instalar el complemento Ultimate Shortcodes.

Hay muchas aplicaciones. Descubrimos que esta es la forma más fácil de crear cuadros de texto en WordPress.

Esto hace que hacer clic sea fácil. Puedes agregar muchos elementos. El que alinea las imágenes una al lado de la otra es (como era de esperar) un elemento de la galería.

Una vez seleccionado, aparecerá un campo para completar los detalles.

Muestra hasta cuatro fotos una al lado de la otra, según la configuración máxima de ancho y alto. Variarán dependiendo de su tema de WP.

La forma más rápida de cambiar el ancho es hacer clic en cada imagen, seleccionar la opción de edición y elegir un tamaño de miniatura de 150 px por 150 px.

El tamaño medio es de 300 px por 300 px, que es demasiado grande para cuatro imágenes una al lado de la otra, pero solo funciona para dos fotos una al lado de la otra. El tamaño grande no sirve porque tiene un ancho de 1084 píxeles.

Obtenga imágenes más bellamente alineadas con el complemento Robo Gallery

Instalar en pc

Vaya al menú de complementos en la barra lateral izquierda, seleccione Agregar new y busque "Robo Gallery" por palabra clave.

El título completo es "Galería de imágenes Robo - Galería de imágenes receptivas".

Se ha agregado un menú adicional a la barra lateral de WP. Seleccione la opción "Agregar galería / imagen" y seleccione una de las seis opciones de diseño gratuitas, luego haga clic en el botón "Crear galería".

Artículo Recomendado:  Los 9 mejores complementos sociales para WordPress y WooCommerce (2021)

Desde aquí, titule su galería, haga clic en Administración de imágenes y cargará su biblioteca de medios WP.

Desde allí, agregue sus imágenes o cargue las que desea mostrar una al lado de la otra.

Desplácese hacia abajo hasta la siguiente sección de la configuración de la galería, donde puede establecer la alineación de la galería, la disposición (distancia alrededor de cada imagen), proporcionar miniaturas para los clics en las imágenes y controlar otras configuraciones, como las sombras, e incluso usar la carga diferida de imágenes.

Después de crear la galería, haga clic en Publicar. Para agregarlo a su publicación, use el código de galería corto o haga clic en el botón Robo Gallery que aparece sobre el título de la publicación o página.

El complemento Robo Gallery funciona con el editor clásico. También es compatible con el editor de bloques, pero simplemente alinear las imágenes una al lado de la otra es opcional.

Un editor de bloques puede resolver este problema. Tiene algunas características adicionales, por lo que incluso si usa el editor de bloques, sus imágenes probablemente se mostrarán mejor con este complemento.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir