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)

Ein aufklappbares Seitenmenü (oder erweiterbares Menü) ist eine Navigationsliste, die Unterelemente ausblendet, bis ein Besucher darauf klickt, um sie anzuzeigen. Es organisiert Links in einer 'Eltern-Kind'-Struktur und hält das Design Ihrer Website sauber.

Wir empfehlen oft die Verwendung von aufklappbaren Menüs für große Websites oder E-Commerce-Shops. Hier sind die Gründe, warum sie effektiv sind:

• Komplexe Layouts organisieren: Sie helfen Ihnen, Hunderte von Kategorien oder Seiten zu sortieren, ohne den Benutzer zu überfordern.
• Bildschirmplatz sparen: Durch das Ausblenden von Kindelementen halten Sie die Seitenleiste kurz und übersichtlich.
• Mobile Erfahrung verbessern: Sie verhindern, dass mobile Benutzer endlose Listen von Links durchscrollen müssen.

Zum Beispiel verwendet der Nachrichtenanbieter Guardian ein aufklappbares Menü für seine mobile Website, um seine vielen Nachrichtenkategorien zu verwalten.

Nun 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, mit dem Sie Ihr aufklappbares Menü auf jeder Seite, jedem Beitrag oder in jedem Widget-Bereich, einschließlich Ihrer Seitenleiste, platzieren können.

Schritt 1: Installieren und Aktivieren des Bellows Akkordeon Plugins

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.

Schritt 2: Erstellen eines neuen Menüs

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

Geben Sie einen Namen für Ihr Menü in das Feld „Menüname“ ein. Klicken Sie dann auf die Schaltfläche „Menü erstellen“.

Schritt 3: Hinzufügen und Anordnen von Menüpunkten

Wählen Sie als Nächstes die Seiten aus, die Sie hinzufügen möchten, aus der linken Spalte und klicken Sie auf „Zum Menü hinzufügen“.

Wenn Sie eine Liste aller Seiten Ihrer Website sehen möchten, klicken Sie auf die Registerkarte „Alle anzeigen“.  Weitere Details finden Sie in unserem Leitfaden zum Hinzufügen eines Navigationsmenüs in WordPress.

Um den aufklappbaren Effekt zu erzeugen, müssen Sie die Elemente in einer Eltern-Kind-Beziehung anordnen. Ziehen Sie einfach ein Seitenobjekt leicht nach rechts unter ein übergeordnetes Element.

Ziehen Sie es nach rechts, bis Sie die gestrichelte Umrandung nach innen verschieben sehen. Dies bestätigt, dass das Element jetzt ein Unterelement ist, das verborgen wird, bis auf das übergeordnete Element geklickt wird.

Wenn ein Besucher nun auf ein übergeordnetes Element in Ihrem aufklappbaren Menü klickt, wird es erweitert, um den gesamten untergeordneten Inhalt anzuzeigen.

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

Schritt 4: Abrufen des Menü-Shortcodes

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.  

Schritt 5: Hinzufügen des Menüs zu Ihrer Seitenleiste

Nun müssen wir das Menü zu Ihrem Website-Layout hinzufügen. Gehen Sie im WordPress-Adminbereich 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.

Suchen Sie den Seitenleisten-Widget-Bereich und klicken Sie auf das „+“-Symbol, um einen neuen Block hinzuzufügen.

Suchen Sie nach „Shortcode“ und wählen Sie den Block aus.

Fügen Sie Ihren kopierten Shortcode in den Block ein und klicken Sie auf „Aktualisieren“. Wenn Sie Ihre Website besuchen, sollten Sie Ihr neues aufklappbares Menü sehen.

Auf Mobilgeräten erscheint diese Seitenleiste normalerweise am unteren Rand der Seite, wo die aufklappbare Funktion wertvollen vertikalen Scrollbereich spart.

Schritt 6: Passen Sie Ihr aufklappbares Menü an

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

Häufig gestellte Fragen zu aufklappbaren Seitenleistenmenüs in WordPress

Hier sind einige Fragen, die unsere Leser häufig gestellt haben, bevor sie ihrer Website ein aufklappbares Seitenleistenmenü hinzugefügt haben:

Wie klappe ich ein Menü in WordPress ein?

Sie können ein Menü mit einem Plugin wie Bellows Accordion Menu einklappen. Standardmäßig verfügen WordPress-Menüs auf Desktop-Bildschirmen nicht über diese Funktion. Ein Plugin fügt den notwendigen Code hinzu, damit Elemente beim Klicken erweitert und ausgeblendet werden.

Wie füge ich einen aufklappbaren Bereich in WordPress hinzu?

Der einfachste Weg ist die Verwendung des Standard-WordPress-Blocks „Details“. Dieser Block ermöglicht es Ihnen, Inhalte in einer klickbaren Zusammenfassungszeile zu verpacken. Für erweiterte Stile innerhalb Ihrer Beiträge können Sie ein spezielles Akkordeon-Plugin verwenden.

Wie erstelle ich ein Dropdown-Menü in WordPress?

Sie können ein Dropdown-Menü erstellen, indem Sie in Ihrem Dashboard zu Darstellung » Menüs navigieren. Ziehen Sie einfach einen Menüpunkt leicht nach rechts unter einen übergeordneten Link. Diese Einrückung weist WordPress an, diesen Punkt in einer Dropdown-Liste anzuzeigen.

Weitere Details finden Sie in unserem Tutorial zum Erstellen eines Dropdown-Menüs in WordPress.

Wie platziere ich Elemente nebeneinander in WordPress?

Sie können Elemente nebeneinander mit dem Spalten-Block platzieren. Wählen Sie im Block-Editor „Spalten“ und wählen Sie Ihr bevorzugtes Layout. Fügen Sie dann einfach Ihren Text oder Ihre Bilder in jede Spalte ein.

Was ist das Akkordeon-Block-Plugin für WordPress?

Ein Akkordeon-Block-Plugin ermöglicht es Ihnen, aufklappbare Inhaltsbereiche zu Ihren Beiträgen hinzuzufügen. Es hilft bei der Organisation langer Inhalte, indem Text unter Überschriften ausgeblendet wird. Benutzer klicken einfach auf die Überschrift, um die benötigten Informationen zu lesen.

Wenn Sie Akkordeons zu Ihrer Website hinzufügen möchten, werfen Sie einen Blick auf unsere Top-Auswahl der besten WordPress-Akkordeon-Plugins.

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.