So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Die sieben am besten ansprechenden Menü-Plugins für WordPress (2020)

Navigationsmenüs sind ein wesentlicher Bestandteil jeder erfolgreichen Website. Einfach ausgedrückt, helfen sie den Besuchern, sich fortzubewegen. Dies verbessert den Fluss Ihrer Website und ermutigt die Besucher, länger auf der Website zu bleiben, mehr Inhalte zu konsumieren und ihre Conversion-Ziele zu erreichen. also alles gut.

Darüber hinaus sind Navigationsmenüs ein wesentlicher Bestandteil des Gesamtdesigns Ihrer Website: Schließlich werden sie auf jeder einzelnen Seite angezeigt. Denken Sie daran: Ein visuell beeindruckendes Navigationsmenü kann eine durchschnittliche Website großartig aussehen lassen, und das Gegenteil ist auch der Fall.

Daher ist das Erstellen und Entwerfen Ihrer Navigationsmenüs aus ästhetischer und navigatorischer Sicht eine leichte Entscheidung.

Glücklicherweise gibt es unzählige großartige Menü-Plugins für WordPress-Benutzer. In diesem Artikel werden wir sie überprüfen, um Ihnen unsere sieben Favoriten zu präsentieren. Und da alle Plugins in dieser Liste vollständig reagieren, können auch Benutzer mobiler Geräte sie genießen.

Los geht's, die sieben am besten ansprechenden Menü-Plugins für WordPress (einschließlich kostenloser und Premium-Plugins).

In keiner bestimmten Reihenfolge …

1. UberMenu ($ 19)

Beginnen wir mit dem vielleicht leistungsstärksten Menü-Plugin von allen: UberMenu. Mit bisher über 60.000 Downloads ist dieses Plugin unglaublich beliebt und belegt den dritten Platz in der Rangliste der meistverkauften Plugins von CodeCanyon aller Zeiten.

Mit dem UberMenu-Plugin können Sie einige der schönsten Menüs erstellen, die Sie in der WordPress-Welt finden können. Sie werden als "Mega-Menüs" bezeichnet und können unglaublich komplex sein. Die Besucher können unbegrenzt viele Untermenüs erkunden. Wenn es um die Verbesserung der Navigation geht, sind Mega-Menüs beispiellos.

Ein Screenshot eines Mega-UberMenu-Menüs.

Mit UberMenu können Sie Menüelementen Bilder, Symbole und Beschreibungen hinzufügen.

Das Hauptverkaufsargument des Plugins sind erweiterte Inhalte, die Sie Ihren Mega-Menüs hinzufügen können. Für den Anfang umfasst dies Bilder, Google Maps und Blogpost-Raster. UberMenu kann sogar dynamisch Blog-Inhalte für diese Raster extrahieren, basierend auf einer Variablen Ihrer Wahl – die Variable kann beispielsweise die Beitragskategorie, der Beitragstyp, das übergeordnete Element oder der Autor sein. Das Plugin fügt außerdem automatisch ausgewählte Bilder von Posts zu Rastern hinzu, um sicherzustellen, dass Menüs immer gut aussehen.

Darüber hinaus lässt sich UberMenu auch in Widgets und Shortcodes von Drittanbietern integrieren. Dies bedeutet, dass Sie Funktionen aus anderen Add-Ons in Ihre Menüs integrieren können, um den Besuchern ein noch besseres Erlebnis zu bieten.

Ein Screenshot einer Google-Karte und ein in ein UberMenu integriertes Kontaktformular

Mit UberMenu können Sie Ihren Menüs Karten und Kontaktformulare hinzufügen.

Wie Sie es von einem Plugin erwarten würden, das den Schwerpunkt auf Design legt, wird UberMenu mit vielen Anpassungsoptionen geliefert. Dazu gehören 25 der beliebtesten Google-Schriftarten sowie Schriftgrößen und unendliche Farben. Sie können auch ein benutzerdefiniertes Hintergrundbild für jeden Menüpunkt laden.

Bei so viel Vielseitigkeit wird Ihnen vergeben, dass diese Menüs schwer zu erstellen sind. Dies ist jedoch dank des intuitiven Plugin-Generators nicht der Fall.

Mit dem Generator können Sie Ihre Menüs mithilfe von reaktionsschnellen Rastern mit bis zu 12 Spalten erstellen, die Sie mit Inhaltsblöcken füllen können. Um diese Blöcke anzupassen, klicken Sie einfach auf den gewünschten Block. UberMenu zeigt Ihnen die verfügbaren Optionen an. Sie können Ihr Menü auch in Echtzeit mit WordPress Customizer zum Leben erwecken – diese Live-Vorschau ist von unschätzbarem Wert.

UberMenu erstellt eine vielseitige Auswahl an Menü- und Untermenütypen. Sie können es sogar dimmen, um schwebende Menüs der alten Schule zu erstellen.

Ein Screenshot eines UberMenu-Dropdown-Menüs

Verwenden Sie UberMenu, um traditionellere Menüs zu erstellen, indem Sie die schwebende Option auswählen.

Oder Sie können Ihr Bestes geben und eine Vielzahl dieser Optionen in einem Menü kombinieren – dem gesamten Shebang.

Ein Screenshot eines UberMenu mit all den verschiedenen Arten von Inhalten.

Oder nutzen Sie die vollen Funktionen von UberMenu und kombinieren Sie Dropdown-Menüs, zahlreiche Hintergrundbilder und eine Vielzahl von Inhaltskategorien.

Die Ergebnisse sind wirklich beeindruckend, oder? Und Sie können Ihre Menüs sogar vertikal ausrichten, wenn Sie möchten. Diese Menüs unterstützen dieselben Features und Funktionen, jedoch mit vertikaler Ausrichtung.

Ein Screenshot eines vertikalen Menüs, das mit UberMenu erstellt wurde.

Möchten Sie oben auf dem Bildschirm Platz sparen? Platzieren Sie Ihr UberMenu ohne Funktionsverlust auf der Seite.

Während UberMenu jetzt vollständig reagiert, könnte das komplizierte Design von Mega-Menüs dazu führen, dass sie für kleinere Geräte weniger geeignet sind. Wenn Sie glauben, dass dies der Fall ist, haben die Entwickler von UberMenu den Benutzern ein kostenloses Plugin für mobile Menüs zur Verfügung gestellt: ShiftNav. Auf diese Weise können Sie Navigationsmenüs im Anwendungsstil für mobile Benutzer erstellen.

Schließlich ist anzumerken, dass Entwickler aufgrund der unaufhaltsamen Popularität von UberMenu vier offizielle Erweiterungen veröffentlicht haben.

Erweiterungen sind für jeweils 8 USD oder als 19 USD erhältlich tun.

2. Max Mega Menü (KOSTENLOS)

Max Mega Menü Plugin

Die Funktionalität des "Mega Menu" ist relativ erweitert, was bedeutet, dass Sie es normalerweise nur in Premium-Plugins finden. Wenn Sie jedoch wissen, wo Sie suchen müssen, können Sie es kostenlos finden.

Wir stellen vor Max Mega Menü, ein exzellentes Mega-Menü-Plugin, das im offiziellen WordPress-Plugin-Repository erhältlich ist. Wenn das Plugin installiert und aktiviert ist, werden Ihre vorhandenen WordPress-Menüs automatisch auf Mega-Menüs aktualisiert.

Ein Screenshot eines Mega-Max-Menüs mit einigen Bildern.

Die Mega-Menüs, die Sie erstellen können, sehen beeindruckend aus, nicht schlecht für ein kostenloses Plugin!

Das Erstellen Ihrer Menüs ist dank des Drag & Drop-Generators ganz einfach. Sie können auch eine Vorschau in Echtzeit anzeigen und unterwegs Stilentscheidungen treffen.

Apropos Stil: Das Max Mega Menu bietet nahezu unbegrenzte Anpassungsmöglichkeiten. Schriftarten, Größen, Farben und Symbole sind mit über 100 unterstützten Anpassungen nur die Spitze des Eisbergs. Es sind auch einige gut aussehende CSS3-Animationen integriert, mit denen Sie Ihre Menüs noch besser sehen können.

Wie bei jedem Mega-Menü-Plugin können Sie auch hier einige ziemlich komplizierte Menüs erstellen. Sie können ihnen eine Menge cooler Dinge hinzufügen, einschließlich Bilder und dynamischer Inhalte (wie Karten), und da Sie mit Max Mega Menu Widgets zu Ihren Menüs hinzufügen können, können Sie sogar die Funktionen anderer Plugins integrieren. Dies bedeutet, dass Funktionen wie Kalender, Videos und Kontaktformulare integriert werden können.

Ein Screenshot eines Max Mega Menüs mit Kalender, Kontaktformular und Karte.

Der Screenshot zeigt nur einige der Widgets, die Sie Ihren Menüs hinzufügen können.

Das Beste ist, dass Max Mega Menu eines der schnellsten Mega-Menü-Plugins auf dem Markt ist, weniger als 2 KB wiegt und Stile auf eine einzelne CSS-Datei beschränkt sind.

Wenn Ihnen das, was Sie sehen, gefällt, sollten Sie ein Upgrade auf in Betracht ziehen Für nur 19 US-Dollar. Mit der Pro-Version können Sie Ihren Menüs unter anderem kostenpflichtige WooCommerce- und Easy Digital Download-Funktionen hinzufügen.

3. Superfly (22 $)

Das Superfly Plugin

Wenn Sie vertikale Menüs der herkömmlichen horizontalen Ausrichtung vorziehen, lesen Sie die Superfly Plugin. Es funktioniert auch als fantastischer Platzsparer, sodass Sie alle Abmessungen des Bildschirms nutzen können.

Dies wird erreicht, indem das Menü hinter einer Umschalttaste in der oberen Ecke ausgeblendet wird. Wenn Sie darauf klicken, wird das Menü angezeigt, sodass Besucher frei auf Ihrer Website navigieren können. Sie können das Menü jedoch auch dauerhaft an einer Seite des Bildschirms anheften.

Warum sollten Sie ein vertikal ausgerichtetes Menü wünschen? Für den Anfang gelten sie als mobiler. Sie finden sie auch seltener, was sie zu einer auffälligen Ergänzung jeder Website macht. Und es überrascht nicht, dass Superfly eine Vielzahl von Styling-Optionen unterstützt, die dazu beitragen, diese ungewöhnliche Art von Menü noch auffälliger zu machen.

Ein Screenshot eines linksbündigen Superfly-Menüs

Superfly-Menüs werden von der Seite des Bildschirms angezeigt.

Das Plugin wird mit einer Bibliothek mit Symbolen, unzähligen Google-Schriftarten und einer Farbanpassung geliefert. Sie können auch benutzerdefinierte Bilder für Ihre Menüs hochladen, von einem Hintergrundbild bis zum Logo, das oben im Menü angezeigt wird. Sie können auch Widgets oder Shortcodes aus anderen Plugins integrieren oder benutzerdefinierte HTML-Stile erstellen. Sie können sogar das Layout, die Form und die Position der Menüaktivierungsschaltfläche anpassen.

Da Menüs auf dem Bildschirm geöffnet werden, werden bis zu vier Ebenen von Untermenüs unterstützt. Die zusätzlichen Ebenen sehen gleichermaßen beeindruckend aus und können in einem einzigartigen Stil konfiguriert werden, wie im folgenden Screenshot gezeigt.

Ein Screenshot mit einem Superfly-Untermenü

Mit Superfly können Sie einzigartige Designs für jede Unterebene Ihres Menüs erstellen.

Da diese eigenartigen Menüs möglicherweise nicht in jede Situation passen, bietet Superfly verschiedene Einstellungen für die Seitenausrichtung. Hier können Sie Superfly-Menüs für bestimmte Benutzergruppen deaktivieren, z. B. Desktop-Benutzer oder auf bestimmten Seiten.

Eine letzte Funktion: Sie können auch Schaltflächen zum Teilen von sozialen Medien am unteren Rand Ihrer Menüs hinzufügen, wobei mehr als zehn soziale Medien unterstützt werden. Hoffentlich führt dies zu mehr sozialen Aktionen für Ihre Inhalte.

4. Reaktionsmenü (KOSTENLOS)

Responsive Menü Plugin

Wenn Sie vertikale Superfly-Menüs mögen, aber nicht über das Budget verfügen, ist das Responsive Menü Plugin Sie könnten interessiert sein Dieses Plugin erstellt großartig aussehende vertikale Menüs und kann kostenlos aus dem offiziellen Plugin-Verzeichnis heruntergeladen werden.

Als kostenloses Add-On wird das Responsive-Menü mit einer beeindruckenden Anzahl von Anpassungen geliefert – tatsächlich über 150. Diese decken alle üblichen Anpassungen ab (Schriftart, Größe, Ausrichtung und Farbe), und Sie können auch benutzerdefinierte Hintergründe, Logos und Symbole laden. So können Sie Ihren Menüs eine persönliche Note verleihen.

Ein Screenshot eines mit Responsive Menu erstellten Menüs

Sie können Ihren Menüs Hintergrundbilder und eine Suchleiste hinzufügen.

Das Plugin verankert eine einfache Menüschaltfläche oben rechts auf dem Bildschirm. Wenn Sie auf diese Schaltfläche klicken, wird das Menü mit einem schönen Animationseffekt angezeigt. Da Menüs im Vergleich zu Superfly so viel mehr Platz auf dem Bildschirm einnehmen, wird jede nachfolgende Ebene geöffnet und nicht ausgeblendet, wie im folgenden Screenshot dargestellt.

Ein Screenshot mit Untermenüs mit Responsive Menu

Durch Klicken auf werden die Untermenüelemente nach unten anstatt nach außen geöffnet.

Weitere nützliche Funktionen sind Suchfunktionen für Ihre Menüs und die Möglichkeit auszuwählen, auf welchen Bildschirmgrößen Menüs angezeigt werden.

Wenn Sie die kostenlose Version mögen, ein 14,99 $ Version ist verfügbar und führt Live-Vorschau-Funktionen, FontIcons und animierte Menüelemente ein.

5. Heldenmenü ($ 19)

Heldenmenü-Add-On

Mit unserem nächsten Add-On kehren wir wieder zu den Mega-Menüs zurück: Heldenmenü. Das Plugin bietet eine große Vielseitigkeit und unzählige Anpassungsoptionen, sodass Sie nahezu unbegrenzte Menülayouts erstellen können.

Das Hero-Menü wird mit über 250 kostenlosen Symbolen geliefert. Sie können Ihre Menüs mit einer Auswahl von 650 Google-Schriftarten und unendlichen Farben anpassen. Um denjenigen von Ihnen zu helfen, denen ein natürliches Talent für Design fehlt, finden Sie auch 60 fantastische Farbvoreinstellungen, die von einem Team erfahrener Grafikdesigner erstellt wurden.

Ein Screenshot des Heldenmenüs

Sehen Sie sich alle coolen Inhalte an, die Sie einem Heldenmenü hinzufügen können

Das Plugin macht dank seiner optimierten benutzerdefinierten Oberfläche auch die Erstellung von Menüs zum Kinderspiel. Es ist alles per Drag & Drop möglich, sodass Sie Ihren Menüs Tiefe verleihen, Menüelemente neu anordnen und das Layout mühelos anpassen können.

Hero Menu unterstützt alle üblichen Mega-Menü-Inhalte: Bilder, Videos, Karten und Blog-Inhalte sowie Shortcodes und Widgets von anderen Plugins. Hero Menu unterstützt jedoch auch WooCommerce, dh Sie können Ihren Menüs Produkte, Preise und Miniaturansichten hinzufügen. Sie können auch einfach eine Suchfunktion und Schaltflächen zum Teilen in sozialen Netzwerken aktivieren.

Ein Screenshot zeigt die Integration von WooCommerce und Hero Menu

Sie können Ihrem Menü sogar WooCommerce-Produkte hinzufügen.

Das Plugin wird auch mit der Funktion "Festes Menü" geliefert, was bedeutet, dass es am oberen Bildschirmrand festgehalten wird, selbst wenn ein Besucher die Seite nach unten scrollt. Und wenn Hero Menu Besucher mit kleineren Geräten erkennt, werden die Menüs automatisch zu etwas mobilerem zusammengefasst.

Schließlich passt das Heldenmenü an, welches Menü ein Besucher je nach seiner WordPress-Benutzerrolle sieht. Dies ist eine nützliche Funktion, wenn Besucher sich anmelden müssen.

6. WP-Antwortmenü (KOSTENLOS)

Das WP Responsive Menu Plugin

Ein weiteres Werbegeschenk unten: Die WP Responsive Menu Plugin, das sich auf die Erstellung von mobilen Schiebemenüs spezialisiert hat.

Da sich das Plug-In an mobile Benutzer richtet, sind viele seiner Hauptfunktionen speziell auf die Funktionen mobiler Geräte zugeschnitten. Besucher können mit Wischgesten durch Menüs navigieren und ihre Touchscreens zum Zoomen einklemmen.

Sie können auch ein bestimmtes Menü für Besucher auf kleineren Geräten konfigurieren und unerwünschte Elemente deaktivieren. Besucher des Desktops sehen das Standardmenü mit der vollständigen Liste der Optionen.

Ein Screenshot des WP Responsive Menu Plugins

Sie können die Menüs so einstellen, dass sie vom oberen, linken oder rechten Bildschirmrand verschoben werden. Sie können die Breite der Menüs auch entweder in Pixel oder als Prozentsatz der Bildschirmgröße angeben.

Es gibt auch viele Anpassungsoptionen. Sie können ein Logo für das Menü laden sowie alle Farben (Hintergrund, Text und Rahmen) und den Menütext anpassen. Sie können sogar eine einfache Suchfunktion am unteren Rand des Menüs integrieren.

Das Beste ist, dass das Setup unglaublich rationalisiert ist, was bedeutet, dass es in wenigen Minuten betriebsbereit sein könnte.

7. WP Floating Menu Pro (17 US-Dollar)

Das WP Floating Menu Pro Plugin

Das letzte Plugin, das in der heutigen Liste erscheint, ist ein weiteres interessantes: WP Floating Menu Pro. Wie der Name schon sagt, erstellt das Plugin "schwebende" Menüs und sie sehen großartig aus.

Das Plugin erstellt zwei Arten von Menüs:

  • Navigieren auf einer Seite
  • Feste Menüs: Diese Art von Menü verweist auf mehrere URLs, wie ein typisches WordPress-Menü.

Kein anderes Plugin in dieser Liste bietet eine einseitige Navigation. Konzentrieren wir uns also darauf. Die einseitige Navigationsfunktion zielt auf Websites ab, die auf einer einzelnen Seite erstellt wurden. Diese Websites sind im Allgemeinen in mehrere Abschnitte unterteilt. Sie können beispielsweise einen Abschnitt oder ein Kontaktformular finden.

Ein Screenshot von WP Floating Menu Pro

Durch Klicken auf die Symbole rechts können Besucher zu jedem Teil einer einseitigen Website springen.

Wenn ein Besucher in den Navigationsmenüs einer Seite auf eines der Symbole klickt, "springt" er automatisch zu diesem Teil der Seite. Dies bedeutet, dass das Menü verwendet wird, um auf der Seite nach oben und unten zu navigieren, direkt zu dem Abschnitt, den der Besucher möchte: ein "Online" -Menü. Hört sich gut an, oder?

Über diese faszinierende Funktionalität hinaus bietet WP Floating Menu Pro viele Anpassungsstile. Für den Anfang gibt es 13 vorgefertigte Vorlagen, die eine Vielzahl von Schaltflächenstilen, Farbschemata und Animationseffekten bieten. Jede Vorlage ist jedoch vollständig anpassbar. Außerdem können Sie Ihren eigenen Stil von Grund auf neu erstellen, um Ihre Menüs an den Stil Ihrer Website anzupassen.

Mit kleineren Schaltflächen in diesen Menüs sind Symbole ein wichtiges Gestaltungselement, und das Plugin wird mit drei Sätzen geliefert: Dashboard-Symbole, FontAwesome-Symbole und allgemeine Symbole. WP Floating Menu Pro enthält auch mobilfreundliche Menüs, die Sie per Knopfdruck aktivieren können.

Letzte Gedanken

Damit ist unsere Zusammenfassung der am besten ansprechenden Menü-Plugins für WordPress abgeschlossen. Die Plugins in dieser Liste unterstützen eine Vielzahl von Menütypen: Mega-Menüs, vertikale Menüs, mobile freundliche Menüs und einseitige Menüs.

Welches ist das richtige für Ihre Website? Nun, das hängt davon ab. Die Auswahl des richtigen Menü-Plugins ist eine wichtige Entscheidung, da Menüs eine wichtige Funktion und Navigation erfüllen und ein wesentlicher Bestandteil der Ästhetik Ihrer Website sind. Mit anderen Worten, nehmen Sie sich Zeit und stellen Sie sicher, dass Sie diese Entscheidung richtig treffen.

Ich persönlich liebe den Stil der Mega-Menüs: Sie ziehen die Aufmerksamkeit auf sich, Sie können ihnen auch viele großartige Dinge hinzufügen. Sie eignen sich jedoch wahrscheinlich am besten für Websites mit vielen verschiedenen Seiten. Websites, auf denen ein wirklich umfassendes Navigationsmenü erforderlich ist.

Auf der anderen Seite sind vertikale Menüs ideal für Websites, die die Speicherplatznutzung maximieren müssen. Das Menü ist hinter einem Hebel versteckt, was bedeutet, dass sein Inhalt den gesamten Bildschirm ausfüllt, ideal für Websites mit einem Vollbild oder Video.

Mit kostenlosen Plugins in jeder Kategorie empfehle ich, ein paar verschiedene Menüstile auszuprobieren, um herauszufinden, welche Sie bevorzugen. Wenn Sie wissen, welchen Stil Sie mögen, schauen Sie sich einige der Premium-Optionen an, um festzustellen, welches Plugin Sie in Zukunft verwenden werden. Mit vielen zusätzlichen Features und Funktionen sind die Premium-Optionen den kostenlosen wirklich überlegen.