Ich frage mich oft, was einen Besucher dazu bringt, eine Website zu mögen? Ist es nur der Inhalt? Ist es das Design? Oder sind sie beide? Ich habe lange darüber nachgedacht und bin zu einem Ergebnis gekommen. Eines der Schlüsselelemente jeder guten Website ist die Übersichtlichkeit. Eine saubere, gut kategorisierte Website mit gutem Inhalt (einschließlich Text, Bilder, Audio und/oder Video) ist brillant.
Die Leute verbringen viel Zeit und Mühe damit, ihre XML-Sitemaps, SEO und Social-Media-Marketing zu verbessern. Das ist großartig für Ihre Nutzer, wenn sie Ihre Website bei Google finden/Twitter. Was passiert, wenn eine Person auf Ihrer Website landet? Wird Ihnen gefallen, was Sie sehen? Werden Sie diese Seite mit einem Lesezeichen versehen? Was würde Ihre fröhlichen Nerven auslösen und auf die Schaltfläche „Gefällt mir“/„Folgen“ drücken?
Geben Sie die Benutzererfahrung ein. Darauf achten viele wenig. Glücklicherweise hat Tom kürzlich erklärt, wie man die Benutzererfahrung seiner Website verbessern kann. Es zerlegt UX (kurz für User Experience) in drei Komponenten: Design, Usability und Content. Kurz gesagt, ich nenne es gerne Klarheit.
In dem heutigen Artikel werde ich ein sehr beliebtes WordPress-Plugin zur Menüerweiterung namens UberMenü. Dieses Plugin kostet nur 16 US-Dollar und hat 17.000 Verkäufe auf CodeCanyon überschritten. Ihr Gehirn hat bereits mehr als 272.000 USD mit nur einem Plugin nachgerechnet. Nun, da ich Ihre Aufmerksamkeit habe, fangen wir an. 😉
Installation
Die Installation von UberMenu ist sehr einfach. Es gibt zwei Möglichkeiten, es zu installieren, zum einen entpacken Sie das Archiv und laden die 261 Dateien und 39 Ordner per FTP in Ihren Plugins-Ordner in wp_content hoch, oder Sie installieren es einfach vom WordPress-Dashboard unter Plugins > Neu hinzufügen > Hochladen durch direktes Hochladen die Zip-Datei.
Sobald Sie das Plugin aktivieren, erscheint ein nettes Tutorial, das Sie durch die grundlegende Einrichtung des Plugins führt. Ich empfehle Ihnen, diesem Leitfaden zu folgen, da er Ihnen einen Überblick über das, was Sie erwartet, aus der Vogelperspektive gibt, und Sie werden nicht enttäuscht sein.
Einführung in die Grundlagen
Plugin-Entwickler Chris Mavricos hat bei der Dokumentation seines Plugins nichts unversucht gelassen. Die Dokumentation enthält auch Video-Tutorials. Ich habe mich gedemütigt, indem ich die Dokumentation für 2 Minuten gelesen habe, was mir ein grundlegendes Verständnis des Plugins vermittelt hat. Die MegaMenu-Funktion ist äußerst hilfreich, wenn es darum geht, Ihre Inhalte bis ins kleinste Detail zu kategorisieren. Wenn Sie ein Typ sind, der Etiketten herstellt (wie Dr. Sheldon Cooper), werden Sie das lieben.
MegaMenü
MegaMenu ist eine erweiterte Version des WordPress-Standardmenüs mit hochgradig anpassbaren Optionen. Das Standard-CSS-Layout von MegaMenu unterstützt 3 grundlegende Hierarchieebenen. Glücklicherweise haben Sie die Möglichkeit, Ihr benutzerdefiniertes CSS auszuführen, wodurch Sie so ziemlich jeden Aspekt des Layouts von MegaMenu ändern können.
Für diejenigen, die das WordPress-Menüsystem nicht verstehen, habe ich die folgende Anleitung für Sie vorbereitet:
WordPress-Menüs: Eine Kurzanleitung
Angenommen, Sie haben einen Blog, in dem Sie über Ihre Lieblingssendungen, Musik, Bücher und Filme sprechen. Lassen Sie uns lernen, wie Sie ein Menü erstellen, in dem Sie den Inhalt Ihrer Website erfolgreich indizieren können. Um zu beginnen, müssen Sie ein Menü erstellen (Darstellung > Menüs) und es dem unterstützten Speicherort des Designs zuweisen. Für dieses Tutorial verwenden wir das Twenty Eleven WordPress-Theme, das 1 Hauptmenü unterstützt. Nachdem Sie nun das Menü erstellt haben, ist es an der Zeit, es zu erstellen. Wir erstellen einen Haupteintrag namens „TV“. Das macht es zu Ebene 1, ganz oben in der Hierarchieliste. Im Folgenden schlüsseln wir Fernsehsendungen nach ihrem Genre auf, sagen wir Reality, Drama und Sitcoms. Diese drei Genres befinden sich auf Ebene 2, also auf der zweiten Ebene der hierarchischen Liste. Schließlich geben wir unter jedem Genre die TV-Serie entsprechend ein. Jetzt ist jede TV-Show die dritte Ebene. Wir bekommen so etwas:
So würde es im standardmäßigen WordPress-Menülayout aussehen:
Und so sieht es mit MegaMenu aus:
Saubere, einfache und übersichtliche Kategorisierung.
MegaMenu mit Bildern und Beschreibung
Fügen Sie jedem Menüeintrag Bilder und Beschreibungen als i-Tüpfelchen hinzu. Mit UberMenu können Sie fast jedem Menüpunkt ein Bild und eine Beschreibung zuweisen, den sichtbaren Text entfernen (falls Sie nur die Bilder möchten) oder einzelne Menüeinträge hervorheben. Alles dank dieser erstaunlichen Checkliste, die für jeden Menüpunkt verfügbar ist.
Die Größe von Menübildern wird jedoch nicht automatisch angepasst, wenn Sie Timthumb nicht aktiviert haben, daher müssen Sie Bilder mit der genauen Größe laden/zuordnen, die Sie anzeigen möchten. In meinem Beispiel habe ich Bilder mit 300 × 300 Pixeln verwendet.
Wenn Sie jedoch Timthumb aktivieren, werden alle Bilder, die Sie hochladen, auf die Abmessungen angepasst, die Sie den Einstellungen zuweisen.
So sieht ein Menüpunkt mit Beschreibungen aus:
Widgets in Menüs
Dies ist die ultimative Funktion, die UberMenu zum König aller Menü-Plugins macht. Das Konzept ist recht simpel, aber absolut genial. Sie legen die Anzahl der gewünschten Widget-Slots (die beliebig viele sein können) in den UberMenu-Einstellungen fest und positionieren die Widgets dann entsprechend auf der Widgets-Seite.
Um das Widget im Menü zu platzieren, erweitern Sie einfach den Menüpunkt und wählen Sie das Widget aus, das Sie zuweisen möchten. Achten Sie darauf, die Kontrollkästchen „Text deaktivieren“ und „Links deaktivieren“ zu aktivieren.
Hier ist ein Beispiel für die Wunder, die Widgets (innerhalb von Menüs) bewirken können:
Leistungsstarke Anpassung
UberMenu bietet im Style Builder viele leistungsstarke CSS3-Anpassungsoptionen, mit denen Sie Ihrem Menü ein einzigartiges Aussehen verleihen können. Es unterstützt auch vollständig benutzerdefiniertes CSS und teilweise benutzerdefinierte Einstellungen.
Es enthält auch viele gut gestaltete Stilvorlagen, von denen Sie jede in Ihrem Menü verwenden können.
Eine weitere bemerkenswerte Funktion ist der Anpassungsassistent, der praktisch ist, wenn Sie die möglichen Menüanpassungsoptionen sehen möchten.
Vielfältig
Theme-Integration
Die meisten Themes funktionieren mit UberMenu, aber wenn Sie ein Theme verwenden, das ein Basis-Framework wie das Genesis- oder Headway-Theme-Framework verwendet, kann die Theme-Integration etwas schwierig sein. Zum Glück hat Chris diesen Teil wunderbar dokumentiert und Ihnen das Wissen vermittelt, das Sie benötigen, um UberMenu in Ihr benutzerdefiniertes Design zu integrieren.
Schalttafel
Das Plugin-Bedienfeld ist recht einfach zu bedienen. Es arbeitet mit einem streng binären System, um eine Funktion entweder zu aktivieren oder zu deaktivieren. Meiner Meinung nach ist es eine der besten Möglichkeiten, die verfügbaren Optionen darzustellen.
Website-Geschwindigkeit
Einer der wichtigsten Faktoren bei der Suchmaschinenoptimierung und SEO, die Geschwindigkeit der Website, ist von größter Bedeutung. UberMenu hat einen vernachlässigbaren Einfluss auf die Ladezeit der Website. Ich habe Pingdom verwendet, um vor und nach der Installation des Plugins einen Seitenladezeittest durchzuführen. UberMenu erhöhte die Ladezeit um nur 0,25 Sekunden. Sie werden vielleicht bemerken, dass die Seitengröße stark zugenommen hat, aber das liegt daran, dass ich 3 Bilder im Menü „Beste Auswahl“ verwendet habe.
Vor der Plugin-Installation
Nach der Plugin-Installation
sich anpassendes Design
UberMenu hat individuelle Logikregeln für iPhone, iPad und den Android-Browser. Ich habe versucht, die Größe meines Browsers zu ändern, um zu sehen, wie das Menü reagiert. Es funktionierte wie ein Zauber. Sobald mein Browser eine bestimmte Breite überschritt, änderte sich das Menü in ein anderes, responsives Layout.
Browser-Kompatibilität
UberMenu ist vollständig kompatibel mit gängigen modernen Browsern wie Chrome, Firefox, Safari, IE 9 und IE 10.
Unterstützung
Ein weiterer Grund, warum dieses Plugin so beliebt ist. UberMenu bietet eine große Auswahl an Support-Optionen. Es umfasst eine gut gestaltete Wissensdatenbank, ein Support-Forum, einen YouTube-Kanal voller Tutorials und eine Anleitung zur Fehlerbehebung. All dies ist gut gepflegt und ausführlich dokumentiert.
abschließende Gedanken
UberMenu ist mit Abstand das beste WordPress-Menü-Plugin mit einer Menge Anpassungsoptionen. Es sollte jedoch nicht von einem absoluten Anfänger verwendet werden, da es ein solides Verständnis der WordPress-Menüs und -Widgets erfordert. Es ist eher ein wahr gewordener Traum für fortgeschrittene WordPress-Entwickler, dank seiner leistungsstarken CSS-Anpassungsoptionen.
Ich würde jedem raten, die umfangreiche Dokumentation sorgfältig zu lesen, um die Funktionen des Plugins klar zu verstehen. Für nur 16 USD ist dies ein Schnäppchen!
Holen Sie sich jetzt UberMenu
Haben Sie UberMenu schon einmal verwendet? Teilen Sie uns Ihre Ansichten mit!
