¿Te gustaría saber cómo crear una galería de imágenes con Elementor ?

La galería de imágenes es uno de los tipos de complementos que pueden ser reemplazados por Elementor. Con Elementor instalado y activado en su sitio web WordPress, no necesita instalar un nuevo complemento para crear una galería de imágenes.

Elementor tiene dos widgets que puede usar para crear una galería de imágenes: Galería básica y Galería. Puede utilizar el widget Galería básica para crear una galería de imágenes. Mientras que para el widget Galería, puede usarlo para crear una galería más avanzada.

Lea también: Cómo crear una barra de progreso de degradado en Elementor

En caso de que no lo supieras Elementor es un Plugin de WordPress creación de página. Puede usarlo para crear una página web en su sitio web sin tener que lidiar con CSS.

Cómo crear una galería de imágenes en WordPress con Elementor

Antes de comenzar, asegúrese de tener Elementor instalado y activado en su sitio web WordPress. Puede agregar la imagen ya sea en un artículo o en una página. Para editar un artículo/página con Elementor, haga clic en el botón Editar con Elementor encima del editor de Gutenberg.

Serás llevado al Editor de Elementor después de hacer clic Editar con Elementor sobre. Antes de comenzar a agregar contenido al cuadro de edición, primero puede configurar el diseño. Para hacerlo, abra el panel de configuración haciendo clic en el ícono de ajustes en la esquina inferior izquierda. Puede configurar el diseño en la opción Disposición.

Cree una galería de imágenes con el widget Galería básica

Una vez que esté listo, agregue una nueva sección y arrastre el widget Galería básica desde el panel izquierdo al cuadro de edición.

Haga clic en el selector de imágenes para seleccionar las imágenes que desea agregar a la galería. Si las imágenes aún no existen en su galería de medios de WordPress, simplemente cárguelas.

Haga clic en el botón Crea una nueva galería para agregar las imágenes seleccionadas a la galería. Luego reorganícelos.

Ver tambien Cómo agregar una imagen al texto en Elementor

Puede configurar el tamaño de la imagen, el número de columnas y el área de luz en el bloque Galería de imagenes sous la pestaña Contenido.

Puedes acceder a la pestaña Estilo para personalizar la galería. Puede configurar el espaciado y el tipo de borde en el bloque Imágenes. Para personalizar la leyenda, puede abrir el bloque Leyenda.

Crea una galería de imágenes usando el widget Galería

El widget de Galería ofrece más opciones de personalización que el widget de Galería básico. Puede utilizar tres diseños diferentes: cuadrícula, justificado y mampostería. También puede configurar el color de la superposición, la descripción, la animación de apuntar, etc.

Lea también: Cómo arreglar la reproducción automática de video que no funciona en Elementor

Tenga en cuenta que el widget Galería solo está disponible en la versión pro de Elementor.

Para comenzar a crear una galería de imágenes con el widget Galería, arrástrelo desde el panel izquierdo al área de edición. Haga clic en el selector de imágenes y seleccione las imágenes que desea agregar a la galería como lo hizo anteriormente.

Una vez que haya terminado de agregar imágenes, haga clic en el bloque Ajustes debajo de la pestaña Contenido. Establezca el tipo de galería en la opción Tipo.

El widget Galería le permite crear una galería de imágenes con múltiples pestañas de la siguiente manera. Simplemente seleccione la opción Múltiple si desea crear una galería con varias pestañas como la que se muestra a continuación.

Todavía en el bloque Ajustes, establezca el diseño de la galería, el número de columnas, el espacio entre las imágenes, la relación de aspecto y el tamaño de la imagen.

Abre el bloque Superposición para activar la superposición. Puede mostrar el título y la descripción de la imagen en la sugerencia de superposición si lo desea.

Si elige mostrar el título de la imagen o la descripción de la imagen, debe editar la imagen individual en la galería. Edite el texto alternativo, el título, la leyenda o la descripción según lo que desee mostrar en la puntuación de la imagen.

Ir a la pestaña Estilo para personalizar tu galería. Hay 3 bloques de opciones disponibles (4 si está creando varias galerías de pestañas).

• Imagen

Desde este bloque puede establecer el color del borde de la imagen, el radio del borde, la animación de la imagen y el filtro CSS.

• Superposición

Este bloque le permite personalizar la superposición. Puede establecer el color de superposición, la animación de puntos y el modo de fusión.

• Contenido

Este bloque te permite personalizar el contenido de tu imagen. El contenido se refiere al título y la descripción de la imagen que definiste en el bloque. Superposición pestaña Contenido.

Puede establecer la alineación, la posición vertical, el relleno, el color del texto, la tipografía (estilo de fuente, la familia de fuentes, el tamaño de fuente) y la animación de señalamiento.

Una vez que haya terminado de personalizar su galería, puede hacer clic en el botón PUBLICAR en la parte inferior del panel izquierdo. También puede obtener una vista previa de su página primero haciendo clic en el icono del ojo.

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo crear una galería de imágenes con Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.

...