So erstellen Sie ein zusammenklappbares Seitenleistenmenü in WordPress

Möchten Sie ein zusammenklappbares Seitenleistenmenü in WordPress entwickeln?

Ein zusammenklappbares Menü kann Ihren Website-Besuchern eine mühelose Möglichkeit bieten, viele eingehende Links einzugeben, ohne Ihre Seitenleiste zu überladen. Es eignet sich hervorragend für große Websites, E-Commerce-Shops oder jede Website mit einem besonders komplexen Format.

In diesem Beitrag zeigen wir Ihnen, wie Sie bequem ein reduzierbares Seitenleistenmenü in WordPress erstellen können.

Was ist ein zusammenklappbares Seitenleistenmenü (und wann sollte man eines verwenden)

Die benutzerfreundlichsten Menüs bieten direkten Zugriff auf alle Hyperlinks, die Website-Besucher haben müssen. Trotzdem kann dies für Websites mit vielen Seiten oder einem weitaus komplizierteren Format eine Herausforderung darstellen.

Glauben Sie an einen großen E-Commerce-Händler, der viele Produkt- oder Serviceklassen und Unterkategorien hat, wie z. B. Amazon.

Es wäre keine gute Idee, jede einzelne Artikelklassifizierung in einem normalen Menü anzuzeigen. Käufer müssen wahrscheinlich durch das Menü scrollen, um die Gruppe zu finden, die sie interessiert.

Genau hier setzen Faltmenüs an. Diese Menüs ordnen ihren schriftlichen Inhalt in einer Mutter- oder Vater-Kind-Verbindung an. Wenn der Kunde in einem zusammenklappbaren Menü auf ein Mama- oder Papa-Element klickt, wird es so erweitert, dass alle Kinderinhalte dieses Elternteils angezeigt werden.

Die Nachrichtenagentur Guardian verwendet ein zusammenklappbares Menü für ihre Mobilfunk-Webseite.

Reduzierbare Menüs werden in einigen Fällen als erweiterbare Menüs bezeichnet. Dies liegt daran, dass ihre einzigartigen Abschnitte wachsen, wenn ein Kunde darauf klickt.

Standardmäßig verstecken reduzierbare Menüs eine ganze Menge Inhalt und Komplexität vor Website-Besuchern. Dies ist viel verbraucherfreundlicher als das Scrollen durch eine lange Auflistung von Typen und Unterkategorien.

Lassen Sie uns einen Blick darauf werfen, wie Sie mühelos ein zusammenklappbares Seitenleistenmenü auf Ihrer WordPress-Website erstellen können.

So erstellen Sie ein zusammenklappbares Seitenleistenmenü in WordPress

Sie können ein zusammenklappbares Seitenleistenmenü in WordPress erstellen, indem Sie das Plugin Bellows Accordion Menu anwenden.

Bellows Accordion Menu bietet einen nützlichen Shortcode, mit dem Sie Ihr zusammenklappbares Menü auf jeder Webseite, Veröffentlichung oder Widget-Bereich, einschließlich Ihrer Seitenleiste, platzieren können.

Zunächst müssen Sie das Plugin einrichten und aktivieren. Wenn Sie Unterstützung benötigen, lesen Sie unbedingt unsere Informationen zum Einfügen eines WordPress-Plugins.

Gehen Sie nach der Aktivierung zur Website-Seite Gesamtansicht » Menüs in Ihrem WordPress-Dashboard.

Geben Sie zunächst einen Namen für Ihr Menü in den Bereich „Menüname“ ein. Die Besucher Ihrer Website werden den Namen nicht sehen, da er nur zu Ihrer persönlichen Information dient. Sie können dann einfach auf die Schaltfläche Menü produzieren klicken.

Anschließend können Sie die Webseiten auswählen, die Sie in das reduzierbare Menü aufnehmen möchten. Standardmäßig zeigt WordPress nur Ihre modernsten Webseiten an. Wenn Sie eine Liste aller Seiten Ihrer Website sehen möchten, klicken Sie auf die Registerkarte Alle auschecken.

Alternativ können Sie auf Alle auswählen klicken. Dadurch werden alle Ihre Webseiten in das reduzierbare Menü integriert.

Wenn Sie mit Ihrem Sortiment zufrieden sind, klicken Sie einfach auf die Schaltfläche „Zum Menü hinzufügen“. Sie können auch Beiträge und Website-Kategorien auswählen oder benutzerdefinierte One-Way-Links einfügen. Für viele weitere Informationen lesen Sie bitte unser Handbuch zum Einfügen eines Navigationsmenüs in WordPress.

Unmittelbar nachdem Sie alle Ihre verschiedenen Webseiten in das Menü aufgenommen haben, können Sie sie per Drag & Drop verschieben. Dadurch wird angepasst, wie diese Webseiten in Ihrem ausblendbaren Menü angezeigt werden.

Bei zusammenklappbaren Menüs dreht sich alles um die Interaktionen zwischen Mutter oder Vater und Kind.

Wenn ein Besucher in Ihrem reduzierbaren Menü auf ein Vater- oder Mutterprodukt klickt, wird es vergrößert, um den gesamten untergeordneten Inhalt anzuzeigen.

Um diese Ehe aufzubauen, verwenden Sie einfach Drag-and-Fall, um alle Ihre kleinen Webseiten unter ihrer Mutter oder ihrem Vater vorzubereiten.

Als nächstes fassen Sie fast jedes Kind und ziehen es ein wenig zum Ideal. Anschließend können Sie diese Webseite starten. Dadurch wird das Element eingerückt und in eine Kinder-Webseite umgewandelt.

Vergessen Sie nicht, auf die Schaltfläche Hilfe beim Speichern von Anpassungen zu klicken, wenn Sie fertig sind.

Jetzt wollen wir dieses zusammenklappbare Menü in die WordPress-Seitenleiste aufnehmen. Dazu verwenden wir einen Shortcode, den Bellows Accordion mechanisch erstellt.

Um den Shortcode abzurufen, gehen Sie zu Visuelles Erscheinungsbild » Balgmenü . Wenn es derzeit nicht ausgewählt ist, stellen Sie sicher, dass Sie sich für die Registerkarte Alle präsentieren entscheiden.

Sie können jetzt einfach auf das Shortcode-Feld klicken, das den gesamten Code hervorheben sollte. Duplizieren Sie nun diesen Code, indem Sie entweder die Tastenkombination Befehl + c oder Strg + c verwenden.

Der bevorstehende Schritt besteht darin, diesen Shortcode in ein Widget einzufügen, also gehen Sie zu Gesamtansicht » Widgets . Dadurch werden alle Widgets in Ihrem aktuellen Konzept angezeigt. Die Auswahl, die Sie sehen, kann sich ändern, aber die meisten modischen WordPress-Themen haben eine Seitenleiste.

Sobald Sie die Position der Seitenleiste gefunden haben, klicken Sie einfach darauf. Dieser Anteil wird nun wachsen.

Um einen Block hinzuzufügen, klicken Sie auf das Symbol + und beginnen Sie mit der Eingabe von Shortcode. Wenn es scheint, wählen Sie den Shortcode-Block.

Fügen Sie nun im Grunde Ihren zusammenklappbaren Menü-Shortcode in diesen Block ein. Um Ihr Menü zu veröffentlichen, müssen Sie ganz oben auf dem Bildschirm auf die Schaltfläche „Aktualisieren“ klicken.

Wenn Sie jetzt auf Ihre Website gehen, sollten Sie ein neues zusammenklappbares Seitenleistenmenü sehen.

Das Bellows-Akkordeon-Plugin macht es enorm unkompliziert, dieses Standardmenü anzupassen. Zur Veranschaulichung können Sie das Farbschema verbessern, um das Branding Ihrer Website besser wiederzugeben.

Wenn Sie das Standardmenü optimieren möchten, gehen Sie einfach zu Physisches Erscheinungsbild » Bellows Menu in Ihrem WordPress-Dashboard.

Dieses Menü enthält alle Konfigurationen, die Sie zum Anpassen Ihres reduzierbaren Menüs benötigen. Es gibt viele Einstellungen, die Sie sich ansehen können. Trotzdem möchten Sie vielleicht damit beginnen, zu Primäre Konfiguration » Grundlegende Konfiguration zu gehen.

Hier können Sie zwischen vielen markanten Menüfarben wechseln. Sie können auch auswählen, ob Website-Besucher viele Untermenüs anzeigen können, sobald sie die Akkordeon-Falteinstellungen verwenden.

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

Wenn Sie Ihre Verbesserungen in ernsthafter Zeit in der Vorschau sehen möchten, können Sie das einklappbare Seitenleistenmenü im WordPress Customizer bearbeiten. Gehen Sie dazu zu Visuelles Erscheinungsbild » Anpassen .

Wählen Sie in der linken Leiste Bellows.

Hier finden Sie viele verschiedene Einstellungen für Ihre einklappbare Seitenleiste. Dies besteht darin, die Breite, Ausrichtung und die Farbe Ihres Seitenleistenmenüs zu ändern.

Wir hoffen, dass dieser Beitrag Ihnen geholfen hat zu verstehen, wie man ein reduzierbares Seitenleistenmenü in WordPress erstellt. Sie können auch unseren Leitfaden lesen, wie Sie Ihre Webseiten-Leser überwachen und die beste Computersoftware für die Benachrichtigung erzwingen, um Ihre Zielbesucher zu reifen.

Wenn Sie diesen Artikel bevorzugen, abonnieren Sie unbedingt unseren YouTube-Kanal für WordPress-Film-Tutorials. Sie können uns auch auf Twitter und Fb begegnen.