Tipps, Tricks und beste Plugins zum Anpassen von WordPress-Menüs

Veröffentlicht: 2018-04-04

Menüs sind einer der wichtigsten Bestandteile jeder Website. Sie sind allgegenwärtig und führen die Benutzer durch Ihren Blog. Und obwohl es relativ einfach ist, ein Navigationsmenü in WordPress hinzuzufügen, gibt es so viel mehr, was Sie tun können, um es an Ihre Website anzupassen.

Egal, ob es sich um ein kleines Symbol handelt, das Sie im Menü haben möchten, oder ein ganz anderes System verwenden möchten, dieses Handbuch bietet alles. Sehen Sie sich Tipps, Tricks und einige der besten Menü-Plugins an, die wir in diesem Handbuch für Sie vorbereitet haben:

Fügen Sie Ihrem WordPress-Menü Symbole hinzu
Login/Logout-Button zum Menü hinzufügen
Zeigen Sie WordPress-Menüs an, wo immer Sie möchten
So fügen Sie Ihrem WordPress-Menü ein Suchfeld hinzu
Wie man das Navigationsmenü oben auf der Seite festhält
Machen Sie Ihr klebriges Navigationsmenü mit Plugins
So entfernen Sie Menüelemente der obersten Ebene in WordPress
Top 4 Menü-Plugins für WordPress
Beste mobile WordPress-Menü-Plugins

Fügen Sie Ihrem WordPress-Menü Symbole hinzu

Das Erstellen eines Menüs in WordPress war noch nie so einfach. Alles, was Sie tun müssen, ist Seiten zu generieren und diese neben Ihrer Homepage hinzuzufügen. Ihr Hauptnavigationsmenü ist mit wenigen Klicks fertig, sieht aber wahrscheinlich sehr schlicht aus.

Es gibt zahlreiche Plugins, die Ihnen bei der Erstellung eines visuell beeindruckenden Navigationsmenüs helfen können. Sie können sich natürlich selbst eins codieren, wenn Sie wissen, wie es geht, aber es gibt eine einfachere Möglichkeit, Ihr reguläres Menü benutzerfreundlicher zu gestalten – durch Hinzufügen von Symbolen.

Ikonen sind zu etwas geworden, ohne das wir nicht leben können . Wenn Sie in Ihrem WordPress-Dashboard, auf Ihrem Desktop oder auf Ihrem Smartphone und Tablet nach etwas suchen, sind Sie wahrscheinlich daran gewöhnt, Symbole zu verwenden. Nachdem Sie eine neue Anwendung nur wenige Male verwendet haben, erinnern Sie sich eher an das Symbol als an den gesamten Beschreibungstext, der damit geliefert wird. Warum würden Sie also nicht ein Symbol neben Ihrem Menüeintrag platzieren, damit die Benutzer problemlos durch Ihre Website navigieren können?

Menüsymbole

PREIS: Kostenlos

Wenn Sie nicht wissen, wie das geht, machen Sie sich keine Sorgen, deshalb sind Sie hier. In diesem Teil des Handbuchs werden wir Sie nicht mit benutzerdefinierter Codierung belästigen, sondern Ihnen einfach ein nettes kostenloses Plugin zeigen, das Sie in den nächsten Minuten konfigurieren können .

Gehen Sie zu Plugins->Neu hinzufügen
Suche nach „Menüsymbole“
Installieren und aktivieren Sie das Plugin
Navigieren Sie zu Darstellung -> Menüs
Öffnen Sie Ihr Navigationsmenü
Wählen Sie unter Menüstruktur eine Seite aus, für die Sie ein Symbol auswählen möchten
Wählen Sie das Symbol, bearbeiten Sie seine Position und Größe
Menü speichern

Das ist es! Suchen Sie jetzt nach einigen coolen Symbolen, die Sie in Ihrem Menü haben möchten, und genießen Sie Ihr neues Design. Während Sie noch mit Symbolen arbeiten, vergessen Sie nicht, dass Sie Ihrem WordPress-Blog auch ganz einfach ein Favicon hinzufügen können.

Login/Logout-Button zum Menü hinzufügen

Eine der vielen Funktionen von WordPress, die wir lieben, ist die einfache Möglichkeit, neue Benutzer zu registrieren. Die Steuerung verschiedener Benutzerrollen auf der beliebten Plattform könnte nicht einfacher sein. Es gibt bereits registrierte Rollen, die Sie zuweisen können, und Sie können sogar zahlreiche benutzerdefinierte Benutzerrollen für die Bedürfnisse Ihrer Site erstellen.

Während die Registrierung schnell und einfach ist, kann die Betreuung Ihrer Benutzer eine harte Arbeit sein . Aber Sie müssen alles in Ihrer Macht Stehende tun, um ihre Erfahrung auf der Website so gut wie möglich zu gestalten.

Eine der vielen Möglichkeiten, die Sie für sie tun können, besteht darin, eine einfache Möglichkeit zum Anmelden und Abmelden von Ihrer Site zu ermöglichen. Damit Login-/Logout-Links immer in Reichweite der Benutzer sind, können Sie diese Links direkt in Ihr Hauptmenü einfügen. Erstens sind diese Links im Menü sehr praktisch und zweitens haben sich Ihre Benutzer wahrscheinlich an die Funktion verschiedener anderer Anwendungen gewöhnt, die die gleiche Art des An- und Abmeldens verwenden.

In diesem Fall ist es nicht erforderlich, ein anderes Plugin zu greifen. Eine einfache WordPress-Funktion, die wir Ihnen in diesem Teil des Artikels zeigen, kann Ihnen dabei helfen . Es wird automatisch den richtigen Link in Ihr Menü einfügen. Das heißt, während ein Benutzer abgemeldet ist, erhält er den Link „Anmelden“ und umgekehrt. Weder Sie noch der Benutzer müssen sich erneut um Login-Buttons kümmern.

Wenn Sie bereit sind, diese einfache, aber übersichtliche Anmeldefunktion zum Menü hinzuzufügen, müssen Sie Folgendes tun:

Öffnen Sie die Funktionen.php
Kopieren Sie Folgendes und fügen Sie es ein:

 Funktion add_login_logout_link($items, $args) {
$loginoutlink = wp_loginout('index.php', false);
$items .= '<li>'. $loginoutlink .'</li>';
$items zurückgeben;
}
add_filter('wp_nav_menu_items', 
'add_login_logout_link', 10, 2);

Änderungen speichern

Wie bei den meisten unserer Snippets tun Sie dies einfach, indem Sie die Funktion einfach kopieren und in die Datei einfügen. Wenn Sie fertig sind, können Sie die Homepage neu laden. Da Sie noch eingeloggt sind, erhalten Sie an der letzten Stelle Ihres Hauptmenüs den Link „Abmelden“. Stellen Sie sicher, dass Sie sich die gesamte Funktion ansehen, also versuchen Sie, sich abzumelden und wieder einzuloggen, um sich zu vergewissern, dass alles in Ordnung ist.

Nachdem Sie mit dieser kleinen Funktion fertig sind, vergessen Sie nicht, dass Sie Benutzer nach einer erfolgreichen Anmeldung problemlos auf eine andere Seite umleiten oder sogar Inhalte nur für eingeloggte oder abgemeldete Benutzer anzeigen können.

Da Sie nun über ein benutzerdefiniertes Menü verfügen, möchten Sie es möglicherweise überall auf der Website anzeigen, indem Sie einen benutzerdefinierten Shortcode angeben.

Wir lieben es, WordPress mit kleinen Ausschnitten wie diesem anzupassen, wie sieht es mit dir aus?

Zeigen Sie WordPress-Menüs an, wo immer Sie möchten

Nachdem WordPress Version 3.0 erreicht hatte, wurden viele Dinge einfacher zu bedienen. Neben verschiedenen neuen Funktionen wurde das Erstellen eines Navigationsmenüs für jedermann zugänglich und heute kann jeder mit ein paar einfachen Mausklicks seine eigenen Menüs erstellen.

Während das Erstellen von Menüs, in denen Sie jeden Beitrag, jede Seite, Kategorie oder jeden externen Link einfach verlinken können, ein Kinderspiel ist, kann das Anzeigen des Menüs an verschiedenen Stellen Ihrer Website für diejenigen, die sich nicht mit der WordPress-Entwicklung beschäftigen, etwas größer sein .

Abhängig vom verwendeten WordPress-Theme können Sie ganz einfach ein neu erstelltes Menü oben auf Ihrer Seite anzeigen, in dem wir alle an die Navigation gewöhnt sind. Möglicherweise haben Sie die Möglichkeit, Ihr Menü in der Seitenleiste oder sogar ganz unten im Fußzeilenbereich zu platzieren, aber was ist, wenn Sie das Menü in Ihren Beiträgen, Seiten oder sogar im Widget anzeigen möchten?

Nein, Sie müssen keine benutzerdefinierten Listen erstellen oder den gesamten HTML-Code erneut eingeben, um die Links zu replizieren. Sie können die Vorteile von Shortcodes nutzen und ein vorhandenes Menü an einer beliebigen Stelle platzieren!

In den folgenden Zeilen zeigen wir Ihnen, wie das geht, und wir sind sicher, dass Ihnen Ihre neue Funktion "Menü im Shortcode" gefallen wird.

Erstellen Sie einen Shortcode und zeigen Sie WordPress-Menüs überall an, wo Sie möchten

Öffnen Sie die Datei functions.php
Kopieren Sie den Code, der den Shortcode registriert, und fügen Sie ihn ein:

 function menu_function($atts, $content = null) {
 Extrakt(
 shortcode_atts(
 array( 'name' => null, ),
 $atts
 )
 );
 zurück wp_nav_menu(
 Array (
 'menu' => $name,
 'echo' => falsch
 )
 );
 }
 add_shortcode('menu', 'menu_function');

Änderungen speichern

Direkt nachdem Sie die Änderungen gespeichert haben, können Sie WordPress-Menüs überall anzeigen, wo Sie möchten. Alles, was Sie tun müssen, ist, den Shortcode aufzuschreiben, in dem Sie den Namen des Menüs angeben müssen, das Sie verwenden möchten:

[Menüname=”Hauptmenü”]

In den meisten Fällen trägt Ihr Hauptmenü den Namen „Hauptmenü“. Wenn Sie jedoch ein anderes Menü verwenden möchten, geben Sie einfach seinen Namen in den Shortcode ein. Sie müssen nicht jeden Menünamen auswendig kennen; Navigieren Sie stattdessen zu Darstellung -> Menüs und durchsuchen Sie die Liste der Menüs oder erstellen Sie neue.

Da Sie WordPress-Menüs jetzt praktisch überall anzeigen können, können Sie zahlreiche Navigationen erstellen, die Sie auf Ihrer WordPress-basierten Website verwenden werden. Sie können eine in einem Beitrag haben, eine andere in Vorlagendateien, ein Text-Widget usw.

So fügen Sie Ihrem WordPress-Menü ein Suchfeld hinzu

Sofern Sie die Funktion nicht entfernt haben, ermöglicht WordPress Ihren Besuchern, Ihre gesamte Website zu durchsuchen. Wir haben diese coole Funktion mehrmals erwähnt und Ihnen verschiedene Möglichkeiten gezeigt, die Sie mit Ihren Suchseiten machen können. So können Sie beispielsweise Benutzer problemlos zum Beitrag weiterleiten, wenn nur ein Ergebnis gefunden wird, oder sogar eine benutzerdefinierte Google-Suche einrichten.

Wenn Sie Ihre Standard-WP-Widgets durchsucht haben, haben Sie wahrscheinlich gesehen, dass es ein Such-Widget gibt, das bereit ist, in einer Seitenleiste platziert zu werden . Aber was ist, wenn Ihr Suchfeld stattdessen neben Ihrem Menü angezeigt werden soll?

In den folgenden Zeilen zeigen wir Ihnen eine Funktion, die Ihr alltägliches Suchfeld in das Navigationsmenü einfügt.

Fügen Sie dem Menü ein Suchfeld hinzu:

Öffnen Sie die Funktionen.php
Kopieren Sie Folgendes und fügen Sie es ein:

 add_filter( 'wp_nav_menu_items','add_search_box', 
10, 2 );
Funktion add_search_box( $items, $args ) {
$items .= '<li>' . get_search_form(false). 
'</li>';
$items zurückgeben;
}

Änderungen speichern

Um sicherzustellen, dass der Code für Sie funktioniert, vergewissern Sie sich, dass Ihrer Site bereits ein Navigationsmenü hinzugefügt wurde.

Der Code ist ziemlich einfach und seine einzige Funktion besteht darin, das Suchfeld zu Ihrem Navigationsmenü hinzuzufügen . Höchstwahrscheinlich wird Ihr Suchfeld nicht dort ausgerichtet, wo Sie es haben wollten. Das bedeutet, dass Sie WordPress mitteilen müssen, wo das Suchfeld platziert werden soll:

Fügen Sie dem <li>-Tag in der dritten Codezeile eine Klasse hinzu:

 $items .= '<li class=”searchbox-position”>' . 
get_search_form(false). '</li>'

Änderungen speichern
Öffne style.css
Kopieren Sie den CSS-Code und fügen Sie ihn ein:

 .Suchfeld-Position {
 Rand oben: 15px;
 Rand rechts: 20px;
 }

Ändern Sie den Code nach Ihren Wünschen
Änderungen speichern

Hoffentlich haben Sie die Box perfekt neben Ihrem Menü verschachtelt. Es braucht nicht viel, um die Box dort zu platzieren, wo Sie sie haben möchten. Vergessen Sie nicht, das Suchfeld selbst zu gestalten und die Funktion zu genießen.

Wenn Sie mehr Kontrolle über Ihr Menü und Ihr Suchfeld wünschen, lesen Sie, wie Sie Ihrem Menü Symbole hinzufügen und wie Sie eine Sprachsuchoption für Besucher hinzufügen, die ihre Suchbegriffe diktieren möchten. Es gibt noch viel mehr, was Sie sowohl mit Ihrem Menü als auch mit Ihren Suchoptionen tun können. Testen Sie also unser Suchfeld und lernen Sie etwas Neues.

Wie man das Navigationsmenü oben auf der Seite festhält

Sie haben wahrscheinlich Websites gesehen, auf denen Navigationsmenüs oben auf der Seite hängen und Sie bei jedem Schritt Ihres Scroll-Abenteuers verfolgen . Diese Funktion könnte etwas sein, das Sie auf Ihrer WordPress-Website haben möchten, und in diesem Teil des Handbuchs zeigen wir Ihnen, wie Sie eine erstellen.

Es hat nicht nur eine funktionale Seite, bei der das Menü immer griffbereit ist, sondern kann auch sehr schön und flüssig aussehen.

Wenn Sie ein wenig CSS-Kenntnisse haben, werden Sie keine Probleme damit haben, Ihr Menü klebrig zu machen. Sie müssen Ihrer Style.css-Datei nur ein Stück Code hinzufügen, und danach können Sie Ihre neue Menüfunktion genießen.

Öffnen Sie Ihr Stylesheet (style.php)
Suchen Sie nach .nav-menu oder .genesis-nav-menu (oder ähnlich, je nach verwendetem Theme)
Verwenden Sie den folgenden Code für Ihren Hauptmenü-Container:

 .Nav-Menü {
 Position:fest;
 Hintergrund: #333;
 oben: 0px;
 rechts: 0px;
 links: 0px;
 Z-Index: 99;
 }

Wie Sie dem Code entnehmen können, kommt der wichtige Teil in der zweiten Zeile, in der Sie die Position Ihres Menüs festlegen müssen . Danach können Sie die oberen, rechten und linken Elemente auf 0 Pixel setzen oder sie in einen beliebigen Abstand vom oberen oder vom linken und rechten Rand der Seite verschieben (Beispiel: oben: 10px platziert Ihr Menü 10 Pixel von am oberen Rand Ihrer Website).

Aktualisieren Sie Ihre Datei und genießen Sie Ihr klebriges Navigationsmenü

Wenn Sie nicht gerne mit dem Code herumspielen, können Sie Plugins verwenden, um Ihre Menüs klebrig zu machen.

Machen Sie Ihr klebriges Navigationsmenü mit Plugins

Wir haben Ihnen beigebracht, wie Sie ein klebriges Navigationsmenü erstellen, indem Sie einfach eine Zeile CSS-Code in Ihrem Design ändern. Aber so einfach dies auch sein mag, nicht jeder geht gerne durch WordPress-Dateien und bearbeitet den Code selbst. Wenn Sie dieser Typ Mensch sind oder mehr Kontrolle über das Menü benötigen, machen Sie sich keine Sorgen. Sie können Ihr Menü ganz einfach einrichten und mit Plugins festhalten . In diesem Teil des Artikels zeigen wir Ihnen einige der besten.

UberMenu Sticky-Erweiterung

PREIS: $8

UberMenu Sticky Extension ist ein Add-On für das UberMenu-Plugin, was bedeutet, dass Sie dieses Plugin zuerst installieren müssen, damit die Erweiterung funktioniert. Die Erweiterung macht alles einfach; Nach der Installation können Sie Ihr Menü kleben. Egal wo Sie Ihr Menü platzieren, sobald ein Benutzer mit dem Scrollen beginnt, bleibt das Menü oben auf der Seite und macht es leicht zugänglich.

Um sicherzustellen, dass mobile Benutzer auf jeden Teil des Menüs zugreifen können, erlischt die Sticky-Option, sobald ein mobiles Gerät erkannt wird. Hier gibt es nicht viel hinzuzufügen – sehen Sie sich die Demo auf der offiziellen Website an und wenn Sie UberMenu bereits haben, machen Sie Ihr Menü klebrig.

myStickymenu

PREIS: Kostenlos – DEMO

Dieses Plugin wurde für die Verwendung im Twenty Thirteen-Thema entwickelt. Aber wenn Sie es ein wenig optimieren, können Sie es für jedes beliebige Thema verwenden. Standardmäßig verwendet es die Navigations-CSS-Klasse des Themes „.navbar“. Wenn Sie es also für ein anderes Thema verwenden möchten, müssen Sie die Klasse finden, die Ihr Thema verwendet , um das Navigationsmenü zu beschreiben, und den Namen dieser Klasse ändern.

Wenn Ihr Theme responsive ist, reagiert auch das Plugin. Wenn Sie es weiter modifizieren möchten, können Sie gerne Ihre benutzerdefinierten CSS-Stile eingeben und Ihr Sticky-Menü noch persönlicher gestalten.

Sticky Menu (oder irgendetwas!) auf Scroll

PREIS: Kostenlos

Mit diesem Plugin können Sie Ihr Menü oben platzieren und es kleben. Aber nicht nur das, das Plugin ermöglicht es Ihnen, jedes Element klebrig zu machen, indem Sie einfach den richtigen Selektor für das Element finden. Das bedeutet, dass Sie Ihr Logo oder sogar den gesamten Header oben auf der Seite kleben lassen können, während Benutzer durch Ihre Website scrollen. Damit alles funktioniert, müssen Sie ein wenig über HTML und CSS wissen, um den richtigen Selektor zu finden.

So entfernen Sie Menüelemente der obersten Ebene in WordPress

Sie wissen wahrscheinlich bereits, dass WordPress hochgradig anpassbar ist. Wenn Sie wissen, wie man programmiert oder zumindest die richtigen Plugins findet, können Sie sowohl Ihr Backend als auch das Frontend transformieren und Ihren Besuchern und Ihren Autoren eine einzigartige Website präsentieren.

In diesem Teil zeigen wir Ihnen einen einfachen Code, mit dem Sie Menüelemente der obersten Ebene von Ihren WordPress-Admin-Seiten entfernen können.

Der Code, den Sie unten finden, entfernt alle Menüelemente der obersten Ebene für alle Benutzer anstelle von Administratoren . Bevor Sie fortfahren, sollten Sie wissen, dass dieses Snippet nur die Menüelemente entfernt, diese Elemente jedoch weiterhin für jeden verfügbar sind, der den richtigen Pfad zu einer Einstellungsseite kennt. Wenn Sie den Zugriff auf bestimmte Menüseiten vollständig einschränken möchten, müssen Sie die Benutzerfunktionen ändern.

Menüelemente der obersten Ebene entfernen:

Öffnen Sie Ihre Datei functions.php
Kopieren Sie den folgenden Code und fügen Sie ihn ein:

 if (!current_user_can( 'manage_options' )) {
add_action( 'admin_menu', 'my_remove_menus', 999 );
}
Funktion my_remove_menus() {
remove_menu_page('index.php'); //Armaturenbrett
remove_menu_page('edit.php'); //Beiträge
remove_menu_page('upload.php'); //Medien
remove_menu_page( 'edit.php?post_type=page'); //Seiten
remove_menu_page( 'edit-comments.php' ); //Kommentare
remove_menu_page('themes.php'); //Aussehen
remove_menu_page('plugins.php'); //Plugins
remove_menu_page('users.php'); //Benutzer
remove_menu_page( 'tools.php' ); //Werkzeuge
remove_menu_page( 'options-general.php' ); //Einstellungen
}

Änderungen speichern

Da dieser Code alle Menüs der obersten Ebene entfernt, die Sie wahrscheinlich nicht tun möchten, können Sie den Code gerne an Ihre Bedürfnisse anpassen. Jede „remove_menu_page“-Zeile ist dafür verantwortlich, eine Seite zu entfernen (was sowohl in den Klammern als auch im Kommentar neben der Codezeile beschrieben wird). Fügen Sie einfach eine Seite hinzu oder entfernen Sie sie aus Ihrem Menü und speichern Sie die Änderungen noch einmal.

Nachdem Sie nun gelernt haben, wie Sie Seiten der obersten Ebene aus dem Menü entfernen, möchten Sie möglicherweise nur einige der Unterseiten entfernen, die sich unter den Seiten der obersten Ebene befinden.

Top 4 Menü-Plugins für WordPress

Sobald Sie mit der Erstellung Ihrer neuen Website begonnen haben, benötigen Sie früher oder später ein Menü. Sie können eine mit einer Standardmenüoption in WordPress erstellen, aber wenn Sie eine professionellere möchten, müssen Sie Ihre HTML- und CSS-Codes kennen. Das bedeutet auch, dass Sie einige Zeit damit verbringen, alles so zu gestalten, dass es perfekt funktioniert und gleichzeitig schön aussieht.

Aber wenn Sie eine schnellere Lösung benötigen oder einfach nicht wissen, wie Sie Ihr eigenes ausgefallenes Menü programmieren, können Sie mit WordPress einige großartige Plugins installieren, die mit wenigen Klicks wunderschöne Menüs erstellen. Ohne eine bestimmte Reihenfolge sind hier einige der besten Menü-Plugins für WordPress.

Uber-Menü

PREIS: $20 – DEMO

Mit über 43.000 Verkäufen ist Uber Menu eines der beliebtesten Plugins für WordPress . Sobald Sie die Demo-Site öffnen und sehen, wie das mit diesem Plugin erstellte Menü aussieht, werden Sie verstehen, warum es so beliebt ist. Und wenn Sie einmal damit beginnen, seine Funktionen aufzulisten, werden Sie wahrscheinlich eines für sich selbst haben wollen.

Menüs, die mit dem Uber-Menü erstellt wurden, sind für Ihre mobilen Besucher responsive und touchfähig. Sie können schöne Layouts erstellen und Symbole, Bilder, Videos und Karten in Ihr Menü einfügen. Das gesamte Formular könnte in einem Untermenü platziert werden, sodass Sie ein Kontaktformular erstellen können, ohne dafür eine zusätzliche Seite hinzufügen zu müssen. Das Plugin ist hochgradig anpassbar und Sie können mit über 50 Stileinstellungen mit Live-Vorschau herumspielen. Sie können automatisch Untermenüs aus Ihren anderen Inhalten erstellen, Registerkarten unter Ihrem Menü erstellen und vieles mehr.

Dynamische Artikelgenerierung
Untermenüs mit Registerkarten
Verbesserte Benutzeroberfläche

Morph: Anpassbares Flyout-WordPress-Menü

PREIS: $20 – DEMO

Morph ist ein Flyout-Menü für mobile Geräte. Aber wie Sie auf der Demoseite sehen können, wenn Sie es auf Ihrem PC öffnen, sieht es auch auf dem Desktop wirklich toll aus.

Mit diesem Plugin können Sie ein Menü ausblenden und mit einem einfachen Klick aufrufen . Im Menübereich können Sie ein Standard-Dropdown-Menü erstellen, Bilder und Suchschaltflächen hinzufügen, und der gesamte Bereich ist mit Widgets versehen, sodass Sie alles einbetten können, was Sie brauchen und möchten. Das Plugin ist sehr anpassbar, sodass Sie die gewünschten Farben auswählen, Bildhöhen ändern und Elemente nach Ihren Wünschen hinzufügen oder entfernen können. Wenn Sie es für mobile Geräte verwenden möchten, können Sie problemlos Auflösungen festlegen, für die das Menü angezeigt wird.

Funktioniert sowohl auf Desktop- als auch auf Mobilgeräten hervorragend
Anpassbare Elemente hinzufügen/entfernen
Kann von jedem Element ausgelöst werden

Heldenmenü

PREIS: $19 – DEMO

Egal, ob Sie ein einfaches Menü oder ein komplexes „Mega-Menü“ wünschen, Sie können eines mit dem Hero Menu-Plugin erstellen. Jedes von Ihnen erstellte Menü reagiert und sieht auf jedem Gerät gut aus. Wenn Sie ein Megamenü erstellen möchten, können Elemente ein- oder ausgeblendet werden, sodass Sie sich auf kleineren Bildschirmen keine Gedanken über das Layout machen müssen.

Es gibt spezielle Touch-Unterstützung für Android, iOS und Windows Phone. Wählen Sie die Navigationsleiste mit voller Breite oder mit fester Breite, wo Sie ganz einfach zusätzliche Elemente hinzufügen können, indem Sie einfach eine Drag & Drop-Technik verwenden . Es gibt über 60 voreingestellte Farbschemata und Sie können jede der kostenlosen Google Fonts verwenden. Machen Sie das Menü klebrig, wählen Sie die Aktivierungsentfernung… Dieses großartige Plugin kann noch viel mehr bieten. Schauen Sie sich also unbedingt die gesamte Funktionsliste von CodeCanyon an.

Drag&Drop-Menüstruktur-Builder
Erstellen Sie ein einfaches Menü oder ein komplexes Mega-Menü
Spezielle mobile Navigation

Multi-X-Leiste

PREIS: $16 – DEMO

Die Multi-X-Leiste ist ein modulares Plugin und ermöglicht es Ihnen, praktisch alles, was Sie wollen, in die Navigationsleiste zu platzieren. Neben Menüpunkten können Sie bis zu 8 Elemente auf der Leiste platzieren – egal ob es sich um ein Kontaktformular, Suchformular, Social Sharing-Symbole, Widget-Bereich usw. handelt.

Es stehen zwei verschiedene Themen zur Auswahl sowie ein benutzerdefiniertes Thema, bei dem Sie Ihre eigenen Farben festlegen können, während der Farbverlauf automatisch berechnet wird. Die Navigationsleiste kann als festes oder scrollbares Menü platziert werden. Wenn Sie ein Entwickler sind, werden Sie gerne wissen, dass eine Reihe von Hooks für Sie bereitsteht, wenn Sie ein neues Plugin aus der Multi-X-Leiste erstellen möchten. Dieses Plugin bietet noch viel, viel mehr, also werfen Sie einen Blick auf alle Funktionen von CodeCanyon.

8 eingebettete Funktionsmodule
2 Farbthemen + benutzerdefiniertes Thema
Obere oder untere Position

Beste mobile WordPress-Menü-Plugins

Wir alle wissen, wie weit die Technologie gekommen ist. Smartphones und Tablets sind unvermeidlich geworden und es gibt eine wachsende Zahl von Besitzern von Mobilgeräten. WiFi-Netzwerke decken jeden Teil unserer Städte ab und wenn es keinen gibt, können Sie Ihr Mobilgerät jederzeit über Ihren Provider mit dem Internet verbinden. Das bedeutet nur, dass die Zahl der mobilen Websurfer höher denn je ist und Sie sich um sie kümmern müssen, wenn Sie eine Website betreiben.

Wenn Sie eine mobile Website erstellen oder verbessern möchten, müssen Sie auf jeden Fall ein spezielles mobiles Menü erstellen, das sich an jede Bildschirmgröße anpasst und mobilen Benutzern eine einfachere Navigation ermöglicht .

Mit WordPress ist diese Aufgabe nicht so schwer, wie Sie vielleicht denken. Sie müssen nicht wissen, wie man codiert oder wie man ein Menü einrichtet. Alles, was Sie brauchen, ist ein Plugin, das Sie einfach installieren und an Ihre Bedürfnisse anpassen können.

In diesem Teil des Leitfadens zeigen wir Ihnen einige der besten Premium-Plugins, die ein mobiles Menü für Ihre WordPress-Website erstellen können. Also lass uns nach unten scrollen und einen Blick darauf werfen.

Taktil

PREIS: $18 – DEMO

Dieses Premium-Plugin erstellt einen sauberen mobilen Header mit einem darin eingebetteten mobilen Menü. Animationen sind sehr einfach und können auf einem Smartphone-Bildschirm sehr schön und flüssig aussehen. Mit Tactile können Sie ein mehrstufiges Akkordeon-Menü erstellen, ein einstufiges horizontales Menü erstellen, das gewischt werden kann, oder eine Widget-Seitenleiste erstellen, die in Ihre Website einfliegen kann .

Alles ist anpassbar, was bedeutet, dass Sie Ihre Elemente in jeder gewünschten Farbe malen, Hintergründe ändern und ihre Farben, Deckkraft und vieles mehr einstellen können. Ihr Menü kann fixiert oder absolut positioniert werden. Wenn Sie noch mehr Kontrolle über mobile Geräte wünschen, können Sie Auflösungen festlegen, für die dieses Menü aktiviert wird.

Mehrere Menütypen
Suchfunktionen
Feste/absolute Positionierung

TippenTippen

PREIS: $10 – DEMO

TapTap gibt Ihnen die Möglichkeit, ein einzigartiges mobiles Menü für Ihre WordPress-Website zu erstellen. Wie Sie auf der Demo-Site sehen können, können Sie fast alles erstellen, was Sie sich vorstellen, und Ihre Menüs werden wirklich ordentlich aussehen. Mit diesem Plugin können Sie mehrstufige Menüs erstellen, entscheiden, welche Elemente Sie anzeigen möchten, Beschreibungen hinzufügen oder die integrierte Suchoption aktivieren .

Es stehen zwei Menütasten-Designs und einige Animationen zur Auswahl. Die Position Ihres Menüs kann fest sein oder Sie können die absolute Positionierung verwenden. Wählen Sie Hintergrundstile und spielen Sie mit zahlreichen Gestaltungsoptionen, damit Sie das Menü perfekt in Ihr Thema einpassen können. Zu guter Letzt können Sie mit TapTap Auflösungen auswählen, in denen es sich selbst anzeigt. Was will man mehr von einem mobilen Navigationsmenü?

Mehrstufige Menüs
2 Menütasten-Designs und Animationen
Feste/absolute Positionierung

Mobi

PREIS: $16 – DEMO

Mobi ist ein weiteres einfaches, aber großartiges WordPress-Plugin, das bereit ist, bei mobilen Websites zu helfen. Mit dieser Ergänzung wird Ihr responsives Design eine noch bessere Navigation haben. Sobald Sie ein Menü mit einem intuitiven Drag&Drop-Menüersteller erstellt haben , können Sie es oben oder unten auf Ihrer Site platzieren.

Alle Menüpunkte sind anpassbar und Sie können Ihrer Navigationsleiste Social-Media-Symbole hinzufügen. Es gibt über 700 Symbolschriften und Sie können Ihr Design mit einer von Google Fonts vervollständigen. Bei Bedarf können Sie die Benutzersichtbarkeit für Gäste und angemeldete Benutzer steuern.

Drag-and-Drop-Anpassung
Menüpositionierung oben oder unten
Benutzersichtbarkeit für Gäste und eingeloggte Benutzer

Wah-Menü

PREIS: $44 – DEMO

Wah-Menü ist ein andockbares Menü, das sich perfekt für mobile Websites eignet und speziell für die iPad-Touch-Navigation entwickelt wurde. Mit diesem Premium-Plugin können Sie bis zu 8 Menü-Links hinzufügen, die schön an der Seite Ihrer WordPress-Website angebracht werden.

Sobald Sie auf ein bestimmtes Symbol im Menü klicken, erscheint ein Untermenü, das HTML, eingebettete Videos, Karten und so ziemlich alles erlaubt, was Sie wollen. Das Plugin ist hochgradig anpassbar, was bedeutet, dass Sie aus 8 Akzentfarben wählen, mit Menübreite, Symbolen, Links usw. herumspielen können. Die Menüerstellung ist mit dem WYSIWYG-Editor super einfach. Egal, ob Sie sich für das dunkle oder helle Design entscheiden, Sie können sicher sein, dass es gut aussieht.

WYSIWYG-Editor
Untermenüs mit Unterstützung für HTML, eingebettete Videos usw.
Option „Out“ oder „Angedockt“

Menü „Pfadstil“

PREIS: $12 – DEMO

Dieses Premium-Plugin unterscheidet sich etwas von Ihrem üblichen Plugin für die Menüerstellung. Anstelle einer klassischen Menüleiste oder eines Seitenleistenmenüs erstellt das Pfadstilmenü eine Schaltfläche . Nachdem Sie eine Schaltfläche aktiviert haben, wird ein Menü um die Schaltfläche in einem Kreis angezeigt, es inline in die gewünschte Richtung erweitert oder sogar Ihre Symbole in einem Bogen angeordnet.

Wenn mehrere Menüebenen vorhanden sind, erstellt die Schaltfläche eine Zurück-Schaltfläche, mit der Benutzer wieder zum Hauptmenü wechseln können. Es gibt unzählige Anpassungsoptionen und zum Erstellen eines Menüs; Sie können einfach den WordPress-Standardmenüeditor verwenden. Wenn Sie nach einem einzigartigen mobilen Menü suchen, geben Sie Path Style Menu eine Chance.

Menü um Schaltfläche erstellen
Hochgradig anpassbar
Verwenden Sie das Standard-WP-Menü zum Bearbeiten des Menüs

Scrollnavigation

PREIS: $10 – DEMO

Ein weiteres einzigartiges Menü-Plugin, das Ihnen einige großartige Funktionen bietet und auf Ihrer Website großartig aussehen kann. Scrollnav besteht aus einem Kreis, der mehrere Menüpunkte enthält . In der Mitte der Schaltfläche befindet sich ein Homepage-Link, der obere Link führt Sie logisch nach oben, es gibt ein Suchfeld, ein benutzerdefiniertes Menü und einen benutzerdefinierten Link im Kreis.

Das benutzerdefinierte Menü bietet genug Platz, um die gesamten Menüs mit Untermenüs zu erstellen, es sieht gut aus und bietet Ihnen den dringend benötigten Platz auf Ihrer mobilen Website. Es gibt mehrere Farbschemata, aus denen Sie wählen können, und alles ist einfach zu konfigurieren. Sie sollten auf jeden Fall die Demo-Site überprüfen, um zu sehen, wie dieses kleine Plugin funktioniert.

Kreistaste mit verschiedenen Funktionen
Benutzerdefiniertes Menü und benutzerdefinierter Linkteil
Mehrere Farbschemata

ScrollTo Menü

PREIS: $24 – DEMO

Mit diesem einfachen Premium-Plugin erhalten Sie ein cooles Seitenleistenmenü, das für die iOS- und Android-Touch-Navigation entwickelt wurde. Sobald Sie ein Menü erstellt haben, enthält es Symbole, die auf einen anderen Teil der Seite verweisen und automatisch scrollen.

Es ist wichtig zu beachten, dass ScrollTo kein vollständiges Navigationsmenü ist , sondern nur zu einem anderen Teil derselben Seite scrollt. Sie können aus über 750 Symbolen wählen oder Ihre eigenen Bilder als Menüpunkte verwenden und es gibt zusätzlichen Platz für Anzeigen. Damit alles funktioniert, müssen Sie über grundlegende HTML-Kenntnisse verfügen, damit Sie den Anweisungen folgen können. Es kann noch ein paar Minuten dauern, aber das Endergebnis sieht gut aus.

Touch Aktiviert
Über 750 Symbole + benutzerdefinierte Bilder
Zusätzliche Werbefläche

Abschluss

Wir hoffen, dass Sie inzwischen erkannt haben, dass es schwierig ist, eine Website ohne Menü zu betreiben. Selbst wenn Sie einen One-Pager betreiben, möchten Sie dennoch eine Navigation zwischen den Abschnitten. Nehmen Sie sich also, während Sie bereits hier sind, die Zeit, Ihr WordPress-Menü anzupassen und das bestmögliche zu erstellen.