¿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 complemento Elementor Miembro de la familia 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
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.
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.
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.
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 Estilo 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.
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.
Puedes jugar con los otros 5 bloques para crear otras opciones de estilo. Cuando haya terminado, haga clic en el botón publicar/actualiza tu 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.
...
