Divi: ¡el mejor tema de WordPress de todos los tiempos!

más 901.000 descargas, Divi es el tema de WordPress más popular en el mundo. Es completo, fácil de usar y viene con más de plantillas gratuitas 62.

¿Te gustaría agregar un acordeón de imágenes a una página? Elementor ?

Esto es excelente porque el acordeón de imágenes le permite mostrar imágenes de manera más creativa. Desgraciadamente, Elementor no tiene un widget predeterminado que le permita agregar un elemento de acordeón de imágenes a una página o plantilla.

Si realmente desea agregar un acordeón de imágenes, puede instalar un complemento o complemento que viene con un widget de acordeón de imágenes. Uno de los complementos que puedes instalar es JetTabs.

JetTabs es un miembro de la familia de complementos de Elementor JetPlugins, un conjunto de complementos de Elementor desarrollado por Crocoblock. JetTabs viene con cuatro widgets: Swicther, Tabs, Image Accordion y Classic Accordion.

Cómo agregar el acordeón de imágenes en Elementor con JetTabs

Antes de comenzar, asegúrese de haber instalado y activado el complemento JetTabs. Puede obtener este complemento por solo $ 23 por año. Alternativamente, también puede obtener JetTabs con una opción de compra única a través del paquete de temas Jupiter X o Monstroid2.

Lea también: Cómo crear un menú de navegación de una página en Elementor

Cree fácilmente su sitio web con Elementor

Elementor te permite crear Fácil y Gratis cualquier sitio web o diseño de blog con un aspecto profesional. Deja de pagar mucho por un sitio web que puedes hacer tú mismo.

Una vez que esté listo, cree una nueva página (Páginas -> Agregar nuevo) o una nueva publicación (Publicaciones-> Agregar) y edítela con Elementor. Por supuesto, también puede editar una página o publicación existente.

En el editor de Elementor, arrastre el widget Image Accordion desde el panel de widgets al área de edición.

agregar un acordeón de imágenes a una página de Elementor

Una vez que se agrega el widget Image Accordion, vaya al panel izquierdo para personalizarlo. Por defecto, el acordeón se compone de tres elementos. Para agregar una imagen a cada elemento, simplemente abra un elemento debajo del bloque Elementos y haga clic en el selector de imágenes. También puede establecer el título, la descripción y el enlace del botón del elemento.

agregar un acordeón de imágenes a una página de Elementor

Repita los pasos anteriores para los demás artículos. Para agregar un nuevo elemento al acordeón, simplemente haga clic en el botón Agregar un articulo.

agregar un acordeón de imágenes a una página de Elementor

Abre el bloque Ajustes debajo de la pestaña Contenido para establecer la orientación (vertical u horizontal), el tamaño del elemento activo, la duración de la animación y el estilo del efecto de aceleración.

Estilización de acordeón

Para darle estilo a tu acordeón, puedes acceder a la pestaña Style en el panel izquierdo. Hay 7 bloques que puedes abrir para diseñar el acordeón. En el primer bloque (Bloque contenedor) puede establecer la altura del acordeón, el color de fondo, el radio del borde y la sombra paralela.

agregar un acordeón de imágenes a una página de Elementor

En el bloque Elemento, puede establecer el espacio entre los elementos, el color de fondo del elemento, el radio del borde del elemento y la sombra del cuadro del elemento.

agregar un acordeón de imágenes a una página de Elementor

Puedes jugar con los otros 5 bloques para crear otras opciones de estilo. Una vez que haya terminado, haga clic en el botón publicar/actualizar su página.

Vale.

¡Consigue Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por este artículo que le muestra cómo agregar un acordeón de imágenes a una página de Elementor. Si tiene alguna inquietud sobre cómo llegar, háganoslo saber dentro de 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.

...

%d bloggers les gusta esta página: