Jeder Web-Besitzer weiß, dass der Verkehr der Lebensnerv seiner Website ist, und gute Inhalte sind der Schlüssel zur Flut. Aber Besucher zu bekommen, ist nicht das Einzige. sie zu behalten ist auch wichtig. Hier spielen Webdesign und Benutzeroberfläche eine wichtige Rolle. Wenn Ihre Website intuitiv und einfach zu sehen ist, wird Ihr Besucher länger auf Ihrer Website verbringen, Suchmaschinen werden Ihre Website mehr lieben und Ihre Website wird eine höhere Position in den Suchergebnissen erhalten.

Eines der Schlüsselelemente für intuitives und benutzerfreundliches Webdesign ist das Menü. Wenn Sie Ihr Menü von den meisten anderen gewöhnlichen Web-Menüs abheben möchten, können Sie das Mega-Menü verwenden, um Bilder, Widgets und praktisch jedes interaktive Web-Element in Ihrem Menü einzubinden. Und wenn Sie ein WordPress-Benutzer sind, gibt es ein Plugin dafür.

Sinn von Mega-Menüs machen

Was ist ein Megamenü? Es ist einer der jüngsten Trends im Web-Design, die von großen Websites, vor allem im Bereich E-Commerce wie Wal-Mart, OfficeMax, Target, Adidas, Puma, Toys-R-Us usw. aufgenommen wurde Ein Mega-Menü macht es perfekt für Online-Händler. Aber es ist auch ideal für andere Arten von Websites, wie das Weiße Haus oder IMDB.

Die Speisekarte ist so alt wie die Website selbst. Es ist das Tool, mit dem Besucher Websites besuchen, die sie besuchen. Traditionelle Menüs, die wir lieben und hassen, geben den Benutzern Text- und Drop-Down-Texte, um ihre Aufgabe zu erfüllen, aber ein Mega-Menü nimmt einige Dinge in die Hand.

Über das Mega-Menü können Benutzer weitere Webelemente zum Menü hinzufügen. Zum Beispiel können Sie die neuesten fünf Beiträge aus Ihrem Blog zusammen mit ihren vorgestellten Bildern in das Menü aufnehmen. Mit dieser Fähigkeit können Online-Händler Bilder ihrer Produkte und vielleicht die Angebote des Tages im Mega-Menü hinzufügen und sie als eine weitere Werbefläche nutzen, auf der sie ihre Produkte weiter bewerben können.

Hinzufügen eines Mega-Menüs zu Ihrem WordPress-Blog

Wenn WordPress Ihre Website antreibt und Sie das Mega-Menü als Teil der Benutzererfahrung einfügen möchten, ist der Prozess so einfach wie das Installieren eines Plugins und ein kleines Setup.

Es gibt mehrere Alternativen, die Sie im WordPress Plugin-Repository finden können, aber wir werden eines der beliebtesten mit über 100 Tausend Installationen verwenden, ein fast perfektes Fünf-Sterne-Ranking, das regelmäßig aktualisiert wird: Max Mega Menu. Sie können es mit Ihrem bestehenden Thema verwenden und es durch Ziehen und Ablegen der Elemente bearbeiten.

Sie können das Plugin von Ihrem WordPress-Dashboard aus aufrufen, indem Sie im Menü "Plugins -> Add New" nach "Max Mega Menu" suchen.

Nach der Installation und Aktivierung des Plugins gehen Sie in der Seitenleiste zu "Darstellung -> Menüs". Dann müssen Sie Max Mega Menu über seine Einstellungen auf der linken Seite des Menübaums aktivieren. Wenn Sie die Einstellungen nicht finden können, wählen Sie im Drop-down-Menü "Primär" als zu bearbeitendes Menü aus.

Sie werden die zusätzlichen Optionen des Mega-Menüs sehen, wenn Sie den Mauszeiger über einen der einzelnen Menüpunkte bewegen.

Sie können die vorhandenen Menüs als Basis zum Hinzufügen von Megamenüs verwenden oder Sie können auch einen neuen Satz von Menüs erstellen. Wir werden nicht diskutieren, wie man ein Menü in WordPress erstellt, da es eine andere Geschichte für sich ist, aber Sie können auf die offizielle Seite zur Anleitung verweisen.

Wenn Sie auf die Optionen des Mega-Menüs klicken, wird ein Fenster mit allen Einstellungen des Mega-Menüs für diesen Menüpunkt geöffnet. Die grundlegenden Aktionen, die Sie ergreifen können, sind:

  • Wählen Sie zwischen dem regulären, kaskadierenden Dropdown-Menü "Flyout" oder "Mega Menu", bei dem der Menübereich die Menübreite ausfüllt
  • Fügen Sie verfügbare Widgets zum Menü hinzu
  • Wählen Sie, wie viele Spalten Sie für dieses bestimmte Menü verwenden möchten

Jedes zusätzliche Widget verfügt über die Bearbeitungsschaltfläche, mit der Benutzer den Inhalt anpassen können.

Da die Endergebnisse davon abhängen, welche Widgets Sie in das Mega-Menü einfügen, kommt es darauf an, welche Widgets Sie in Ihrem Arsenal haben. Je mehr Elemente in Ihren Sammlungen enthalten sind, desto größer sind Ihre Möglichkeiten.

Einige Themes und Plugins sind mit speziellen Widgets ausgestattet. Sie können auch mehr WordPress-Widgets mit Hilfe von guten alten Google finden. Und da Sie mit der Kombination aus "Text" -Widget und Lichtkodierung praktisch alles hinzufügen können, ist der Himmel die Grenze für Ihre Fantasie.

Schnelle Fallstudie

Um Ihnen eine Vorstellung davon zu geben, was Sie mit dem Plugin machen können, habe ich versucht, eine schnelle Fallstudie zu erstellen.

Zuerst änderte ich das Menü von Flyout zu Mega Menu. Dann wählte ich ein bestehendes Menü mit Untermenüs, löschte einige der Untermenüs, die ich nicht benötigte, und öffnete das Max Mega Menü. Ich habe die Spalte an die Anzahl der Untermenüs angepasst und ein Bild mit dem Bild-Widget von JetPack hinzugefügt.

Um die Dinge besser zu machen, habe ich auch einen Kalender und ein Widget für Social-Media-Icons hinzugefügt, nur weil ich es kann.

Lasst uns nun das Vorher und Nachher unserer kleinen Fallstudie vergleichen. Hier ist, wie die Speisekarte aussah, bevor ich Mega-Menü hinzugefügt habe.

Und hier ist das Ergebnis meiner Speisekarte nach der Feinabstimmung.

Was denkst du über das Megamenü? Ist das nur ein vorübergehender Trend, oder wird es länger bleiben? Werden Sie Ihrer Website ein Mega-Menü hinzufügen? Teilen Sie Ihre Meinung in den Kommentaren unten.