Cómo usar el elemento Acordeón en un bloque en un sitio

Agregue el acordeón para presentar datos con pestañas en forma de paneles que se expanden y contraen. Puede ver solo un panel del Acordeón abierto y puede expandir solo un panel a la vez.
Elemento acordeón

Navegar por categorías de funciones

Diseños de bloques de acordeón

Para comenzar con el elemento Acordeón, puede agregar uno de los bloques de diseño de diseñador-mago. Haga clic en el ícono Agregar en Acceso rápido, luego desplácese hacia abajo hasta la sección Acordeón y preguntas frecuentes, haga clic en Acordeón y elija el diseño que desee. Es más conveniente, ya que tiene algún contenido preeditado, a diferencia del elemento de acordeón en blanco agregado de forma predeterminada.

Pestañas de administración de acordeón

Puede agregar y mover fácilmente las pestañas de acordeón de varias maneras. Haga clic en el signo más en la barra lateral para agregar una nueva pestaña. Puede hacer clic en la opción de mover hacia arriba y hacia abajo en el menú contextual del mouse o hacer clic en los iconos de flecha correspondientes en la barra de herramientas contextual. Además, puede presionar la combinación de teclas de acceso rápido CTRL más flecha arriba y flecha abajo.

Acordeón Agregar Elementos

Las pestañas de acordeón pueden contener diferentes conjuntos de elementos del sitio web. Puede agregar cualquiera de ellos a cualquier pestaña. Abre la pestaña. Haga clic en el ícono Agregar en Acceso rápido para abrir el Panel Agregar y elija cualquier elemento. Puede mover, alinear y eliminar el elemento agregado.

Estilo de pestaña de acordeón

El acordeón es popular en los diseños web modernos. Por lo tanto, puede estilizarlo para que se ajuste a su diseño. Haga clic en el elemento Acordeón en un bloque, vaya al Panel de propiedades y haga clic en los enlaces para acceder a los paneles y ajustar las propiedades correspondientes.

Personalizar icono de pestaña de acordeón

Puede habilitar y elegir un ajuste preestablecido para el icono de la pestaña Acordeón. Además, puede cambiar su tamaño, de manera similar a todos los demás íconos. Seleccione el elemento Acordeón, vaya al Panel de propiedades y haga clic en el enlace Icono. En el Panel, modifica el estilo, color, tamaño, etc.

Colores de las pestañas de acordeón

El color es uno de los factores más importantes en el diseño web. Y también es crucial para las pestañas de acordeón. Elija el elemento, vaya al Panel de propiedades y haga clic en el enlace Colores. Puede agregar el relleno, el borde y el radio a las pestañas y elementos de acordeón.

Plantillas gratuitas con Elemento acordeón

Comience con nuestras mejores plantillas, ideales para cualquier negocio. Créelos y personalícelos con nuestro potente y gratuito creador de sitios web sin código. Todas las plantillas son compatibles con dispositivos móviles y se ven excelentes en cualquier dispositivo.

How To Use Accordion Element

A great way to save space on your webpage is to use an accordion content element that can compress your information into convenient blocks, which your site visitors can access in one click. Like the best WordPress plugins, our accordion or accordion faq plugin is ready for use in any version of our program and will be properly reflected on all mobile devices. Using our page builder, you can create an accordion module or accordion faq, similar to WordPress plugin, that should make your web page's user interface design laconic and enjoyable to use.

After you enter your dashboard, click on the element tab and select Accordion and FAQ, then choose what you would like to create, an accordion section for your page or an accordion FAQ section. Your visitors will be able to look through only one accordion item, so keep it in mind when designing the user interface for your visitors. Similar to multipurpose WordPress elements, you can customize our accordion and change color, text style, or spacing and change the shape of a down arrow button to maximize the future user experience.

Customization of the accordion content greatly improves the user experience of your site visitors and boosts your website in the search engine. Like the best WordPress website elements, our accordion widgets are easy to use and effective even as a part of an application for Joomla or WordPress site builders.