Black Friday Sale! Save up to 50% off!

So verwenden Sie das Accordion-Element in einem Block auf einer Website

Fügen Sie das Akkordeon hinzu, um Daten in Registerkarten in Form von ein- und ausklappbaren Bedienfeldern darzustellen. Sie können nur ein Bedienfeld des Akkordeons geöffnet sehen und können jeweils nur ein Bedienfeld erweitern.
Akkordeon-Element

Nach Funktionskategorien durchsuchen

Akkordeon-Block-Designs

Um mit dem Akkordeon-Element zu beginnen, können Sie einen der Designer-Mage-Designblöcke hinzufügen. Klicken Sie im Schnellzugriff auf das Symbol „Hinzufügen“, scrollen Sie dann nach unten zum Abschnitt „Akkordeon und FAQ“, klicken Sie auf das Akkordeon und wählen Sie ein beliebiges Design aus. Es ist bequemer, da Sie im Gegensatz zum standardmäßig hinzugefügten leeren Akkordeon-Element einige vorbearbeitete Inhalte haben.

Akkordeon-Registerkarten verwalten

Sie können Akkordeon-Tabs auf verschiedene Weise hinzufügen und verschieben. Klicken Sie auf das Plus in der Seitenleiste, um einen neuen Tab hinzuzufügen. Sie können im Rechtsklickmenü der Maus auf die Option zum Auf- und Abwärtsbewegen klicken oder auf die entsprechenden Pfeilsymbole in der Kontextsymbolleiste klicken. Sie können auch die Hotkey-Kombination aus STRG plus Pfeil nach oben und Pfeil nach unten drücken.

Akkordeon Elemente hinzufügen

Die Akkordeon-Tabs können verschiedene Website-Elemente enthalten. Sie können sie zu jeder Registerkarte hinzufügen. Öffnen Sie die Registerkarte. Klicken Sie im Schnellzugriff auf das Symbol „Hinzufügen“, um das Bedienfeld „Hinzufügen“ zu öffnen und ein beliebiges Element auszuwählen. Sie können das hinzugefügte Element verschieben, ausrichten und löschen.

Akkordeon-Tab-Styling

Das Akkordeon ist in modernen Webdesigns beliebt. Daher können Sie es so stilisieren, dass es zu Ihrem Layout passt. Klicken Sie auf das Akkordeon-Element in einem Block, gehen Sie zum Eigenschaftsfenster und klicken Sie auf die Links, um auf die Fenster zuzugreifen und die entsprechenden Eigenschaften anzupassen.

Passen Sie das Akkordeon-Tab-Symbol an

Sie können eine Voreinstellung für das Akkordeon-Tab-Symbol aktivieren und auswählen. Außerdem können Sie seine Größe ändern, ähnlich wie bei allen anderen Symbolen. Wählen Sie das Accordion-Element aus, gehen Sie zum Property Panel und klicken Sie auf den Icon-Link. Ändern Sie im Panel den Stil, die Farbe, die Größe usw.

Akkordeon-Tab-Farben

Farbe ist einer der wichtigsten Faktoren im Webdesign. Und es ist auch entscheidend für die Accordion Tabs. Wählen Sie das Element aus, gehen Sie zum Eigenschaftsfenster und klicken Sie auf den Link Farben. Sie können Akkordeon-Registerkarten und -Elementen Füllung, Rahmen und Radius hinzufügen.

Kostenlose Vorlagen mit Akkordeon-Element

Beginnen Sie mit unseren besten Vorlagen, die sich für jedes Unternehmen eignen. Erstellen und passen Sie sie mit unserem leistungsstarken und kostenlosen Website-Builder ohne Code an. Alle Vorlagen sind mobilfreundlich und sehen auf jedem Gerät hervorragend aus.

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.