So erstellen Sie ein einklappbares Seitenleistenmenü in WordPress (Der einfache Weg)

Ein aufklappbares Seitenmenü ist eine großartige Möglichkeit, einfachen Zugriff auf wichtige Links und Inhalte zu bieten und gleichzeitig das Design Ihrer Website sauber und organisiert zu halten.

Diese Funktion ermöglicht es Benutzern, das Menü zu erweitern und zu reduzieren, wodurch sie die Kontrolle über ihr Surferlebnis erhalten.

Wir haben festgestellt, dass viele große Websites, E-Commerce-Shops und Websites mit komplexeren Layouts diese verwenden, um die Navigation zu erleichtern.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach ein aufklappbares Seitenleistenmenü in WordPress erstellen.

Was ist ein aufklappbares Seitenleistenmenü? (Und wann sollte man es verwenden)

Die benutzerfreundlichsten Menüs bieten einfachen Zugriff auf alle Links, die Besucher benötigen. Dies kann jedoch für WordPress-Websites mit vielen Seiten oder einem komplexeren Layout schwierig sein. 

Denken Sie an einen großen E-Commerce-Shop mit unzähligen Produktkategorien und Unterkategorien, wie z. B. Amazon. 

Die Anzeige jeder einzelnen Produktkategorie in einem Standardmenü wäre keine gute Idee. Käufer müssten wahrscheinlich durch das Menü scrollen, um die Kategorie zu finden, an der sie interessiert sind. 

Hier kommen aufklappbare Menüs ins Spiel. Diese Menüs organisieren Inhalte nach einem 'Eltern-Kind'-Ansatz. Das bedeutet, wenn der Besucher auf ein Elternelement in einem aufklappbaren Menü klickt, erweitert es sich, um alle Kind-Inhalte dieses Elternelements anzuzeigen. 

Ein Beispiel hierfür ist der Nachrichtenanbieter Guardian, der für seine mobile Website ein aufklappbares Menü verwendet.

Kollabierbare Seitenleistenmenüs werden manchmal auch erweiterbare Menüs genannt. Das liegt daran, dass sich ihre verschiedenen Abschnitte erweitern, wenn ein Besucher darauf klickt. 

Standardmäßig verbergen aufklappbare Menüs viele Inhalte und Komplexität vor den Besuchern. Dies ist benutzerfreundlicher, als durch eine lange Liste von Kategorien und Unterkategorien auf Ihrem WordPress-Blog zu scrollen.

Nichtsdestotrotz wollen wir uns ansehen, wie Sie ganz einfach ein aufklappbares Seitenmenü auf Ihrer WordPress-Website erstellen können.

So erstellen Sie ein einklappbares Seitenmenü in WordPress

Sie können ein aufklappbares Seitenleistenmenü in WordPress mit dem Plugin Bellows Accordion Menu erstellen.

Es bietet einen praktischen Shortcode, um Ihr aufklappbares Menü auf jeder Seite, jedem Beitrag oder in jedem Widget-Bereich, einschließlich Ihrer Seitenleiste, zu platzieren.

Zuerst müssen Sie das Plugin Bellows Accordion Menu installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unseren Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

Besuchen Sie nach der Aktivierung die Seite Darstellung » Menüs in Ihrem WordPress-Dashboard. 

Geben Sie zunächst einen Namen für Ihr Menü in das Feld „Menüname“ ein. Beachten Sie, dass Ihre Website-Besucher diesen Namen nicht sehen werden, da er nur für Ihre eigene Referenz bestimmt ist.

Sie können dann auf die Schaltfläche „Menü erstellen“ klicken. 

Wählen Sie als Nächstes die Seiten aus, die Sie zum aufklappbaren Seitenmenü hinzufügen möchten. Standardmäßig zeigt WordPress nur Ihre neuesten Seiten an.

Wenn Sie eine Liste aller Seiten Ihrer Website sehen möchten, klicken Sie auf den Tab „Alle anzeigen“. 

Alternativ können Sie auf „Alle auswählen“ klicken. Dadurch werden alle Ihre Seiten zum aufklappbaren Menü hinzugefügt.

Sobald Sie mit Ihrer Auswahl zufrieden sind, klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“. Sie können auch Beiträge und Blog-Kategorien auswählen oder benutzerdefinierte Links hinzufügen. Weitere Details finden Sie in unserem Leitfaden zum Thema Hinzufügen eines Navigationsmenüs in WordPress.

Nachdem Sie alle Ihre verschiedenen Webseiten zum Menü hinzugefügt haben, können Sie sie durch Ziehen und Ablegen verschieben. Dies ändert die Reihenfolge, in der diese Seiten in Ihrem aufklappbaren Menü angezeigt werden. 

Bei aufklappbaren Menüs geht es um Eltern-Kind-Beziehungen.

Wenn ein Besucher auf ein Elternelement in Ihrem aufklappbaren Menü klickt, erweitert es sich, um alle Kind-Inhalte anzuzeigen.

Um diese Beziehung zu erstellen, verwenden Sie einfach Drag & Drop, um alle Unterseiten ihrer übergeordneten Seite zuzuordnen.

Greifen Sie dann jedes Kind und ziehen Sie es ein wenig nach rechts. Sie können diese Seite dann loslassen. Dadurch wird das Element eingerückt und es wird zu einer Unterseite. 

Vergessen Sie nicht, auf die Schaltfläche „Menü speichern“ zu klicken, wenn Sie fertig sind.

Nun möchten wir dieses aufklappbare Menü zur WordPress-Seitenleiste hinzufügen. Dazu verwenden wir einige Shortcodes, die Bellows Accordion automatisch erstellt. 

Um den Shortcode zu erhalten, gehen Sie im WordPress-Dashboard zur Seite Darstellung » Bellows Menü. Wenn er noch nicht ausgewählt ist, stellen Sie sicher, dass Sie den Tab „Alle anzeigen“ auswählen.

Sie können nun auf das Shortcode-Feld klicken, das den gesamten Code hervorheben sollte. Kopieren Sie diesen Code nun mit der Tastenkombination Command + c oder Ctrl + c. 

Der nächste Schritt ist das Einfügen dieses Shortcodes in ein Widget. Gehen Sie dazu im Admin-Bereich zur Seite Darstellung » Widgets.

Dies zeigt alle Widget-Bereiche Ihres aktuellen Themes an. Die angezeigten Optionen können variieren, aber die meisten modernen WordPress-Themes verfügen über eine Seitenleiste.

Sobald Sie den Seitenleistenbereich gefunden haben, klicken Sie darauf. Dieser Abschnitt wird nun erweitert.

Um einen Block hinzuzufügen, klicken Sie auf das +-Symbol und beginnen Sie mit der Eingabe von „Shortcode“. Wenn er erscheint, wählen Sie den Block „Shortcode“ aus. 

Fügen Sie nun einfach Ihren Shortcode für das aufklappbare Menü in diesen Block ein. Um Ihr Menü zu veröffentlichen, müssen Sie oben auf dem Bildschirm auf die Schaltfläche „Aktualisieren“ klicken. 

Wenn Sie Ihre Website nun besuchen, sollten Sie ein neues, kollabierbares Seitenleistenmenü sehen. 

Das Bellows Accordion Plugin macht es auch super einfach, dieses Standardmenü anzupassen. Sie könnten zum Beispiel sein Farbschema ändern, um das Branding Ihrer Website besser widerzuspiegeln. 

Wenn Sie das Standardmenü anpassen möchten, gehen Sie einfach im WordPress-Dashboard zur Seite Darstellung » Bellows Menü. 

Dieses Menü enthält alle Einstellungen, die Sie zur Anpassung Ihres aufklappbaren Menüs benötigen. Es gibt viele Einstellungen zu erkunden. Sie möchten jedoch vielleicht damit beginnen, zu Hauptkonfiguration » Grundkonfiguration zu gehen.

Hier können Sie zwischen verschiedenen Menüfarben wechseln. Sie können auch über die Einstellungen „Akkordeon-Faltung“ auswählen, ob Besucher mehrere Untermenüs gleichzeitig erweitern können. 

Um die Ausrichtung und Breite des Menüs zu ändern, klicken Sie auf die Registerkarte „Layout & Position“.

Wenn Sie Ihre Änderungen in Echtzeit in der Vorschau anzeigen möchten, können Sie das aufklappbare Seitenmenü im WordPress Customizer bearbeiten.

Gehen Sie dazu zur Seite Darstellung » Anpassen im Admin-Bereich und wählen Sie die Registerkarte 'Bellows' in der linken Spalte aus.

Hier finden Sie viele verschiedene Einstellungen für Ihre Seitenleiste. Dazu gehören die Änderung der Breite, der Ausrichtung und der Farbe Ihres aufklappbaren Seitenmenüs. 

Bonus: WordPress-Sidebar-Tricks für maximale Ergebnisse

Sobald Sie ein aufklappbares Sidebar-Menü erstellt haben, können Sie weitere Tipps nutzen, um mit Hilfe Ihrer Sidebar mehr Leads zu generieren.

Sie können beispielsweise Ihr Seitenleisten-Widget sticky machen, sodass es auf der Seite sichtbar ist, auch wenn der Benutzer nach unten scrollt.

Abgesehen davon können Sie ein Kontaktformular oder ein E-Mail-Anmeldeformular in Ihre Seitenleiste einfügen, um Ihre E-Mail-Liste zu erstellen. Dazu können Sie WPForms verwenden, das beste Kontaktformular-Plugin auf dem Markt ist.

Bei WPBeginner verwenden wir es, um Kontaktformulare und jährliche Umfragen zu erstellen, und wir lieben es. Um mehr zu erfahren, lesen Sie unseren vollständigen WPForms-Testbericht.

Sie müssen lediglich ein Formular erstellen und es dann mithilfe des WPForms-Blocks im Blockmenü zu Ihrer Seitenleiste hinzufügen.

Weitere Details finden Sie in unserem Tutorial zur Erstellung eines Kontaktformulars in WordPress.

Zusätzlich können Sie Ihre beliebtesten Beiträge in der Seitenleiste anzeigen, Bilder hinzufügen, Social-Media-Icons anzeigen und Social Proof anzeigen. Dies wird Benutzer dazu ermutigen, Ihre Website weiter zu erkunden und Ihre Konversionen zu steigern.

Für weitere Tipps finden Sie unsere Liste der besten WordPress-Sidebar-Tricks für maximale Ergebnisse.

Video-Tutorial

Wenn Sie keine schriftlichen Anweisungen bevorzugen, sehen Sie sich einfach unser Video-Tutorial an.

WPBeginner abonnieren

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein aufklappbares Seitenmenü in WordPress erstellen. Für weitere Tipps zur Bearbeitung des Designs Ihrer WordPress-Website können Sie auch unsere Anleitungen zum Anpassen Ihres WordPress-Headers und die nützlichsten WordPress-Widgets für Ihre Website durchgehen. 

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.