Kürzlich hat einer unserer Leser gefragt, ob es möglich ist, Ihrer WordPress-Site ein Mega-Menü hinzuzufügen. Mit Mega Menus können Sie Ihrer Navigation mehrspaltige Dropdown-Menüs mit Rich Media wie Bildern und Videos hinzufügen. In diesem Artikel zeigen wir Ihnen, wie Sie Ihrer WordPress-Site ganz einfach ein Mega-Menü hinzufügen können.
Warum und wer sollte Mega Menu in WordPress hinzufügen?
Mega-Menüs sind besonders nützlich für Websites mit viel Inhalt. Auf diese Weise können Websitebesitzer mehr Elemente in ihrem Hauptmenü anzeigen.
Beliebte Websites wie Reuters, Buzzfeed und Starbucks verwenden Mega-Menüs, um ansprechende und interaktive Navigationsmenüs anzuzeigen.
Während Sie in den Standardnavigationsmenüs von WordPress Dropdown-Untermenüs und sogar Bildsymbole neben jedem Element hinzufügen können, benötigen Sie manchmal nur ein Mega-Menü.
Lassen Sie uns einen Blick darauf werfen, wie Sie Ihrer WordPress-Website ganz einfach ein Mega-Menü hinzufügen können.
Videoanleitung
Abonnieren Sie WPBeginner
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Fügen Sie ein Mega-Menü in WordPress hinzu
Als erstes sollten Sie das Max Mega Menu Plugin installieren und aktivieren. Es ist das beste kostenlose WordPress-Mega-Menü-Plugin auf dem Markt. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Nach der Aktivierung fügt das Plugin Ihrem WordPress-Administratormenü einen neuen Menüpunkt, Mega Menu, hinzu. Wenn Sie darauf klicken, gelangen Sie zur Konfigurationsseite des Plugins.
Die Standardeinstellungen funktionieren für die meisten Websites. Sie müssen jedoch die Menüfarben ändern, um sie an die vom WordPress-Themennavigationsmenücontainer verwendeten Farben anzupassen.
Um herauszufinden, welche Farben in Ihrem Thema verwendet werden, können Sie das Inspect-Tool in Ihrem Browser verwenden.
Sobald Sie den Hex-Farbcode erhalten haben, können Sie ihn zur späteren Verwendung in eine Textdatei einfügen.
Als nächstes sollten Sie die Mega-Menü-Setup-Seite besuchen, auf die Registerkarte “Menü-Themen” klicken und dann auf den Abschnitt “Menüleiste” klicken.
Hier können Sie die vom Mega-Menü verwendete Hintergrundfarbe ersetzen, um sie an den Navigationsmenü-Container Ihres Themas anzupassen.
Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Einstellungen zu speichern.
Nachdem wir die Mega-Menüeinstellungen konfiguriert haben, erstellen wir unser Mega-Menü.
Zuerst müssen Sie die besuchen Aussehen »Menüs Seite und fügen Sie dann Elemente der obersten Ebene zu Ihrer Navigation hinzu. Ausführliche Anweisungen finden Sie in unserer Anfängeranleitung zum Erstellen von Navigationsmenüs in WordPress.
Als nächstes müssen Sie auf dem Menübildschirm das Mega-Menü aktivieren, indem Sie das Kontrollkästchen unter “Maximale Konfiguration des Mega-Menüs” aktivieren.
Danach müssen Sie mit der Maus über einen Menüpunkt fahren und auf der Menüregisterkarte wird eine Schaltfläche “Mega Menu” angezeigt.
Durch Klicken auf die Schaltfläche wird ein Popup-Fenster angezeigt. Hier können Sie ein beliebiges WordPress-Widget zu Ihrem Mega-Menü hinzufügen und die Anzahl der Spalten auswählen, die Sie anzeigen möchten.
Sie können auch auf das Schraubenschlüsselsymbol eines Widgets klicken, um die Widget-Einstellungen zu bearbeiten. Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Widget-Einstellungen zu speichern.
Sobald Sie fertig sind, können Sie das Popup schließen und die Website besuchen, um das Mega-Menü in Aktion zu sehen.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Mega-Menü in WordPress hinzufügen. Sie können auch unseren Leitfaden lesen, wie Sie WordPress beschleunigen und die Leistung für Anfänger steigern können.
Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.
