So fügen Sie ein Akkordeon in WordPress hinzu (Schritt-für-Schritt-Anleitung)

Entwerfen Sie eine Zielseite, eine Produktseite oder eine FAQ-Seite auf Ihrer WordPress-Website? Dann sollten Sie Akkordeons in Ihren Seitendesigns verwenden.

Akkordeons erleichtern das Erkunden von Websites und verbessern die Benutzererfahrung. Sie tragen auch dazu bei, Unordnung zu reduzieren und überlange Webseiten zu verkürzen.

In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie einen Akkordeonbereich auf Ihrer Website erstellen, ohne eine einzige Codezeile schreiben zu müssen.

Eine großartige Sache bei der Verwendung von WordPress ist, dass Sie Ihrer Website mit einem einfachen Plugin erstaunliche Funktionen wie Akkordeons hinzufügen können. In diesem Leitfaden verwenden wir Heroic FAQs, um mit nur wenigen Klicks einen Akkordeonabschnitt zu erstellen.

Wir führen Sie Schritt für Schritt durch den Prozess. Lass uns anfangen!

Erstellen Sie Abschnitte mit häufig gestellten Fragen – ganz einfach!

Erstellen Sie eine FAQ und helfen Sie bei der Beantwortung häufiger Besucherfragen.

Holen Sie sich das Plugin

Was ist ein Akkordeon?

Akkordeons sind eine sehr nützliche Designstrategie, die im Webdesign verwendet wird, um mehrere Inhaltsabschnitte an einem einzigen Ort zu organisieren. Einfach ausgedrückt, Akkordeons ermöglichen es Ihnen, einen Abschnitt mit zusammenklappbaren Registerkarten auf Ihren Seitendesigns zu erstellen, um viele Inhalte in einen Abschnitt zu packen.

Wenn Sie beispielsweise einen Abschnitt mit häufig gestellten Fragen (FAQs) erstellen, können Sie ein Akkordeon verwenden, um die Fragen und Antworten ordentlich zu organisieren. Auf diese Weise können Sie nur die Fragen anzeigen und die Antworten in einem zusammenklappbaren Akkordeon verbergen. Es ermöglicht Ihnen, Platz auf dem Seitendesign zu sparen und bietet Benutzern eine einfachere Möglichkeit, Antworten zu finden.

Sehen Sie sich an, wie Tesco Akkordeons verwendet, um seine FAQ-Seite zu organisieren.

Früher verwendeten Websites auch Akkordeons mit horizontalen Registerkarten. Aber sie werden heute nur noch selten in Website-Designs verwendet.

Unterschied zwischen Akkordeon und Toggle

Die meisten Leute verwechseln Akkordeons oft mit Knebeln. Obwohl sie ähnlich aussehen, haben sie ein unterschiedliches Verhalten.

Wenn ein Benutzer beispielsweise auf eine Überschrift auf einem Akkordeon klickt, wird der Inhalt auf seiner Registerkarte angezeigt. Aber wenn sie auf eine andere Überschrift klicken, wird die vorherige Registerkarte geschlossen, um die neue Registerkarte anzuzeigen.

Mit Umschaltern können Sie dieses Verhalten ändern, damit die Registerkarten geöffnet bleiben. Und erlauben Sie Benutzern, Registerkarten manuell zu schließen.

Kurz gesagt, Akkordeons halten jeweils nur einen Tab offen. Umschalter können angepasst werden, um mehrere gleichzeitig geöffnete Registerkarten anzuzeigen.

Sie müssen sich um diese beiden Optionen keine Gedanken machen, da das Plugin, das wir zum Einrichten von Akkordeons in WordPress verwenden, beide Optionen unterstützt.

Warum ein Akkordeon verwenden?

Die Verwendung von Akkordeons hat viele Vorteile. Hier sind nur einige Gründe, sie auf Ihrer Website zu verwenden.

Sparen Sie viel Platz

Haben Sie jemals eine lange Webseite besucht, die Sie dazu zwingt, ewig nach unten zu scrollen, um den gesuchten Inhalt zu finden? Zum Glück lösen Akkordeons dieses Problem.

Der Hauptvorteil der Verwendung von Akkordeons ist die Möglichkeit, Platz auf Ihrer Website zu sparen. Anstatt extra lange Seiten zu erstellen, können Sie alle wichtigen Informationen hinter Registerkarten verstecken. Und lassen Sie Benutzer Fragen und Antworten finden, indem Sie die Überschriften überfliegen.

Bessere Inhaltsorganisation

Akkordeons ermöglichen es Ihnen auch, Inhalte in einer benutzerfreundlichen Struktur zu organisieren. Mit Akkordeons können Sie Registerkarten verschachteln, um Inhalte unter Kategorien und Themen zu organisieren. Sie können dies auf der Tesco-FAQ-Seite, die wir Ihnen zuvor gezeigt haben, in Aktion sehen.

Überall einbetten

Akkordeons können überall auf Ihrer Website eingebettet werden. Beispielsweise können Sie Ihrer Preisseite oder einer Produkt-Landingpage Akkordeon-Abschnitte für häufig gestellte Fragen hinzufügen. Auf diese Weise können Sie allgemeine Fragen zu Ihrem Produkt beantworten, ohne zu viel Platz in Anspruch zu nehmen.

Seitengröße reduzieren

Die Größe Ihrer Webseiten spielt eine Schlüsselrolle bei der Ladegeschwindigkeit einer Website. Wie Sie wissen, ist die Seitenladegeschwindigkeit einer der wichtigsten Ranking-Faktoren von Google.

Wenn Sie Akkordeons in WordPress-Websites verwenden, können Sie die Ladegeschwindigkeit Ihrer Website drastisch verbessern, da sie als Widget eingebettet werden können.

So fügen Sie ein Akkordeon mit heroischen FAQs hinzu

Für dieses Tutorial verwenden wir das Heroic FAQs WordPress-Plugin. Nicht nur, weil es von unserem eigenen Team erfahrener Entwickler erstellt wurde. Hauptsächlich, weil es ein Plugin ist, das mit vielen Funktionen ausgestattet ist. Und bietet viel Wert als andere Plugins.

Mit dem Heroic FAQs-Plugin können Sie auch einzigartige FAQs und Wissensabschnitte für Ihre Website erstellen.

Kommen wir nun zum praktischen Tutorial.

Schritt 1: Heroic FAQs herunterladen und installieren

Zuerst müssen Sie das Heroic FAQs-Plugin auf Ihrer WordPress-Website herunterladen und installieren. Sobald Sie das Plugin gekauft haben, können Sie es von Ihrem Heroic-Konto-Dashboard herunterladen.

Melden Sie sich dann bei Ihrem WordPress-Admin-Dashboard an. Gehen Sie zur Seite Plugins >> Neu hinzufügen und wählen Sie die Option Hochladen . Durchsuchen Sie Ihren Computer, um die heruntergeladene ZIP-Datei zu finden, die das Heroic FAQs-Plugin enthält, und installieren Sie es.

Achten Sie nach Abschluss der Installation darauf, Ihr Plugin mit Ihrem Lizenzschlüssel zu aktivieren.

Schritt 2: Erstellen Sie eine FAQ-Gruppe

Das Heroic FAQs-Plugin führt Sie dann durch Ihren anfänglichen Einrichtungsprozess. Folgen Sie einfach den Anweisungen.

Beginnen Sie mit der Erstellung einer FAQ-Gruppe. Hier werden alle Ihre FAQs gruppiert und organisiert.

Dann können Sie damit beginnen, FAQs zu dieser Gruppe hinzuzufügen. Dies können sowohl Fragen als auch Antworten sein. Oder Details zu Produkteigenschaften. Oder alles, was Sie wollen.

Denken Sie daran, dass Sie so viele FAQs hinzufügen können, wie Sie möchten.

Schritt 3: Das Akkordeon einbetten

Jetzt können Sie Ihre FAQ-Gruppe auf einer Seite oder einem Beitrag einbetten. Mit dem neuen Gutenberg-Blockeditor ist es viel einfacher, Akkordeons mit Heroic FAQs hinzuzufügen.

Erstellen Sie eine neue Seite oder bearbeiten Sie eine vorhandene. Füge einen neuen Block hinzu und suche nach dem Inhaltsblock Heroic FAQ .

Aus dem Heroic-FAQ-Blockfeld auf der linken Seite können Sie die FAQ-Gruppe auswählen, die Sie auf der Seite anzeigen möchten. Sowie den Stil des Akkordeon-Designs ändern.

Schritt 4: Wechseln Sie zwischen Akkordeon und Toggle

Mit Heroic FAQs können Sie mit einem einzigen Klick zwischen Akkordeon- und Toggle-Optionen wählen.

Schritt 5: Vorschau auf das Akkordeon

Vorschau der Seite, um zu sehen, wie das Akkordeon aussieht. Dann können Sie auf Veröffentlichen klicken, um die Änderungen zu speichern.

Abschließend

Es gibt viele verschiedene Möglichkeiten, wie Sie Akkordeons nutzen können, um die Benutzerbindung zu steigern und den Kunden einen Mehrwert zu bieten. Verwenden Sie unseren Leitfaden als Sprungbrett, um Ihre eigenen einzigartigen Ansätze zur Verwendung von Akkordeons auf andere nützliche Weise zu finden.

Stöbern Sie in der Zwischenzeit gerne in unserem Blog nach weiteren Tipps. Sie werden unseren besten Wissensdatenbank-Softwarevergleich sehr hilfreich finden.