So erstellen Sie ein erweitertes Akkordeon mit Elementor

Website-Besucher mögen einklappbare Abschnitte, um schnell Informationen zu überprüfen und sie je nach Interesse auszuklappen. Gut angepasste erweiterte Akkordeons tragen also dazu bei, Ihre WordPress-Site übersichtlich zu halten und das Benutzererlebnis zu verbessern.

In dieser Anleitung führen wir Sie Schritt für Schritt durch den Prozess der Erstellung eines erweiterten Akkordeons mit Elementor.

Was ist ein Akkordeon?

Ein Akkordeon ist ein zusammenklappbares Element, mit dem Sie Inhalte auf einer WordPress-Webseite ausblenden und anzeigen können.
Mit dem Akkordeon können Sie Informationen in Abschnitte unterteilen. Die Abschnitte können je nach Bedarf erweitert oder reduziert werden, was Platz spart und das Benutzererlebnis verbessert.

Vorteile der Verwendung von erweiterten Akkordeons im WordPress-Site-Design

⭕ Das erweiterte Akkordeon Elementor bietet eine übersichtliche und übersichtliche Möglichkeit zur Präsentation von Informationen.

⭕ Sie können Reduzieren Sie die Seitenladezeiten indem weniger wichtige Inhalte in Akkordeons ausgeblendet werden. Dies kann auch das Suchmaschinen-Ranking Ihrer Website verbessern.

⭕ Der Zugriff auf zusätzliche Informationen mit erweiterten Akkordeons ist einfach. So kann es ermutigen Sie die Benutzer, zu erkunden Ihre Website weiter. Außerdem sind Akkordeons an verschiedene Design-Stile und Layouts anpassbar.

⭕ Sie können WordPress erweiterte Akkordeon entwerfen, um Benutzern mit Behinderungen erlauben um auf Informationen zuzugreifen.

Einführung der Module und Widgets von ElementsKit! 😍😍😍

Wie man Erstellen Sie ein erweitertes Akkordeon in Elementor

Obwohl das Akkordeon-Widget in Elementor enthalten ist, stehen Ihnen möglicherweise nur begrenzte Gestaltungsoptionen zur Verfügung. Wenn Sie erweiterte Anpassungsmöglichkeiten wünschen, sollten Sie ein Elementor-Add-on verwenden. 

Hier, Wir haben ElementsKit ausgewähltDas Plugin bietet ein Advanced Accordion-Widget Das ermöglicht Ihnen, Erstellen Sie eine optisch ansprechendere und funktionalere Website.

So erstellen Sie ein Akkordeon mit ElementsKit

Ein Akkordeon-Widget ist ein Widgettyp, mit dem Sie auf Ihrer WordPress-Website einklappbare Abschnitte erstellen können. Es bietet eine Möglichkeit, Inhalte in mehrere Abschnitte zu organisieren, von denen jeder erweitert oder reduziert werden kann, um seinen Inhalt anzuzeigen. Dies wird häufig verwendet, um Informationen kompakt und benutzerfreundlich anzuzeigen.

Schritt 1: ElementsKit-Plugin herunterladen

Zugriff auf das WordPress-Dashboard:
1. Gehe zu Plugins
2. Klicken Sie auf Neues Plugin hinzufügen
3. Suche ElementsKit
4. Wenn Sie es gefunden haben, klicken Sie auf die Schaltfläche Jetzt installieren

Du kannst auch Laden Sie das ElementsKit-Plugin von WordPress.org herunter schnell. Danach musst du es nur noch in den Plugin-Bereich deines Dashboards hochladen.

Jedoch, Advanced Accordion ist ein Pro-Widget von ElementsKitKomm nicht zu spät! Wählen Sie einen flexiblen Plan und genießen Sie Erstellen Sie mit Leichtigkeit fortgeschrittene Akkordeons.

Schritt 2: Plugin aktivieren

Nach der Installation des Plugins müssen Sie es aktivieren.

Schritt 3: Schalten Sie das erweiterte Akkordeon-Widget ein

1. Gehe zu ElementsKit
2. Widgets finden
3. Suchen Sie nach „Advanced Accordion“ und schalten Sie den Umschaltknopf ein.
4. Klicken Sie auf ÄNDERUNGEN SPEICHERN

Schritt 4: Öffnen Sie eine Seite von Ihrem Dashboard aus 

1. Navigieren Sie zu Seiten
2. Öffnen Sie eine vorhandene Seite oder fügen Sie eine neue Seite hinzu
3. Klicken Sie auf „Mit Elementor bearbeiten“ (für die neue Seite finden Sie diese Option nach dem Öffnen der Seite).

Schritt 5: Advanced Accordion zum Editor hinzufügen

Suchen Sie nach dem Namen des Widgets, klicken Sie darauf oder ziehen Sie es per Drag & Drop in den Editor.

Schritt 6: Anpassungsoptionen erkunden

Im Inhaltsteil sehen Sie –

• Akkordeon:
  • Inhalt: Hier können Sie Inhalte hinzufügen, den Titel bearbeiten und die Schaltfläche „Offen halten“ aktivieren.
  • Erste Folie automatisch geöffnet lassen: Wenn Sie die erste Folie geöffnet lassen möchten, können Sie diese Schaltfläche aktivieren.
  • Ajax: Wenn Sie diese Option aktivieren, wird nur der relevante Inhalt des Akkordeons aktualisiert, was für ein reibungsloseres Benutzererlebnis sorgt. Dies kann insbesondere dann nützlich sein, wenn Sie mit einer großen Anzahl von Akkordeonelementen arbeiten.
  • Stil: Es stehen mehrere Akkordeonstile zur Auswahl.
• Symbol:
  • Symbolposition: Legen Sie hier die Position des Symbols fest.
  • Schleifenanzahl anzeigen: Sie können die Schleifenanzahl anzeigen oder ausgeblendet lassen.
  • Rechtes Symbol: Wählen Sie das Symbol, das nach rechts zeigt. Es zeigt die Erweiterung des Akkordeonelements an.
  • Rechtes Symbol aktiv: Wählen Sie ein Symbol aus, um den Status eines rechten Symbols anzuzeigen, wenn darauf geklickt oder getippt wird.

Im Stilbereich können Sie das Akkordeon mit diesen Optionen anpassen –

• Titel: Hier können Sie ändern die Typografie, Farbe, Hintergrundtyp, Kastenschatten, unterer Rand usw. für die Titel.
• Inhalt: Um den Inhalt des Akkordeons zu gestalten, können Sie verschiedene Farben, Typografien, Rahmenradien, Polsterungen usw. verwenden.
• Grenze: Mit dieser Option können Sie Rahmentyp, Breite, Farbe, Kastenschatten usw. der einzelnen Registerkarten oder Akkordeons ändern.
• Symbol: Sie können den Rand, die Farbe und die Größe des Symbols anpassen.

Das ist die Kurzfassung der Anleitung zum Erstellen eines erweiterten Akkordeons mit Elementor! ✌️

Warum sollten Sie das ElementsKit Advanced Accordion-Widget dem Elementor Accordion-Widget vorziehen?

Lassen Sie uns einige Unterschiede zwischen dem ElementsKit Advanced Accordion und dem Elementor Accordion kennenlernen.

💡 Verleihen Sie Ihrer WordPress-Site Einzigartigkeit durch die Anwendung Elementor-Bildmaskierung!

Jetzt sind Sie dran

Probieren Sie es jetzt selbst aus! Mit ElementsKit können Sie effektiv integrieren außergewöhnliche fortschrittliche Akkordeons in das Design Ihrer Website.

Tipps für Sie –

⭐ Experimentieren Sie mit verschiedenen Anpassungsoptionen, um das gewünschte Aussehen und die gewünschte Funktionalität zu erreichen.

⭐ Berücksichtigen Sie das Gesamtdesign Ihrer Website.

⭐ Testen Sie die endgültige Ausgabe auf verschiedenen Geräten und Browsern.
⭐ Aktualisieren Sie Ihre Akkordeons regelmäßig.