Ich frage mich oft, was macht einen Besucher zu einer Site? Ist es nur der Inhalt? Ist es das Design? Oder ist es beides? Darüber habe ich schon länger nachgedacht und bin zu einem gewissen Ergebnis gekommen. Eines der Schlüsselelemente in jedem gut Website ist Klarheit. Eine saubere, gut kategorisierte Website mit gutem Inhalt (einschließlich Text, Bilder, Audio und/oder Video) ist einfach brillant.
Die Leute verbringen viel Zeit und Mühe damit, ihre XML-Sitemaps, SEO und Social-Media-Marketing zu verbessern. Das ist großartig, damit Ihr Benutzer Ihre Website in Google/Twitter findet. Was passiert, wenn eine Person tatsächlich auf Ihrer Website landet? Wird ihm gefallen, was er sieht? Wird er diese Site mit einem Lesezeichen versehen? Was würde seine Freudennerven auslösen und den Like/Follow-Button drücken?
Geben Sie die Benutzererfahrung ein. Nicht wenige Leute beachten das wenig. Zum Glück hat Tom kürzlich erklärt, wie Sie die Benutzererfahrung Ihrer Website verbessern können. Er zerlegt UX (kurz für User Experience) in drei Komponenten – Design, Usability und Content. Kurz gesagt, ich nenne es gerne Klarheit.
Im heutigen Artikel werde ich ein sehr beliebtes WordPress-Menü-Erweiterungs-Plugin namens . überprüfen UberMenü. Dieses Plugin kostet nur 16 USD und hat über 17.000 Verkäufe bei CodeCanyon erzielt. Dein Gehirn hat die Rechnung bereits gemacht – unglaubliche 272.000 USD plus – nur von einem Plugin. Jetzt, da ich Ihre Aufmerksamkeit habe, können wir beginnen. 😉
Installation
Die Installation von UberMenu ist ein Kinderspiel. Es gibt zwei Möglichkeiten, es zu installieren, zum einen entpacken Sie das Archiv und laden alle 261 Dateien und 39 Ordner per FTP in Ihren Plugin-Ordner unter wp_content hoch oder Sie installieren es einfach aus dem 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 bietet, was Sie erwartet – und Sie werden nicht enttäuscht sein.
Erste Schritte mit den Grundlagen
Der Entwickler des Plugins, Chris Mavricos, hat nichts unversucht gelassen, wenn es um die Dokumentation seines Plugins geht. Die Dokumentation enthält auch Video-Tutorials. Ich demütigte mich, um die Dokumentation 2 Minuten lang zu lesen, die mir ein grundlegendes Verständnis des Plugins vermittelte. Die MegaMenu-Funktion ist äußerst hilfreich, wenn es darum geht, Ihre Inhalte bis ins letzte Detail zu kategorisieren. Wenn Sie ein verrückter Typ von Etikettenherstellern sind (wie Dr. Sheldon Cooper), werden Sie das lieben.
MegaMenü
MegaMenu ist eine erweiterte Version des Standard-WordPress-Menü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, mit dem Sie praktisch jeden Aspekt des MegaMenu-Layouts ä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 Lieblingsfernsehsendungen, Musik, Bücher und Filme sprechen. Lassen Sie uns lernen, wie Sie ein Menü erstellen, in dem Sie den Inhalt Ihrer Website richtig indizieren können. Um zu beginnen, müssen Sie ein Menü erstellen (Darstellung > Menüs) und es dem unterstützten Speicherort des Themas zuweisen. Für dieses Tutorial verwenden wir das Twenty Eleven WordPress-Theme, das 1 Hauptmenü unterstützt. Nachdem Sie das Menü erstellt haben, ist es an der Zeit, es zu erstellen. Wir erstellen einen primären Eintrag namens „TV“. Damit ist es Ebene 1, ganz oben in der Hierarchieliste. Als nächstes teilen wir die TV-Shows nach ihrem Genre auf – sagen wir Reality, Drama und Sitcoms. Diese drei Genres befinden sich auf Ebene 2, dh auf der zweiten Ebene der Hierarchieliste. Schließlich tragen wir unter jedem Genre die TV-Serie entsprechend ein. Jetzt ist jede Fernsehsendung die 3. 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.
MegaMenü mit Bildern und Beschreibung
Hinzufügen von Bildern und Beschreibung zu jedem Menüeintrag wie das i-Tüpfelchen. Mit UberMenu können Sie fast jedem Element im Menü ein Bild und eine Beschreibung zuweisen, sichtbaren Text entfernen (falls Sie nur die Bilder haben möchten) oder einzelne Menüeinträge hervorheben. Alles dank dieser fantastischen Kontrollliste, die unter jedem Menüelement verfügbar ist.
Die Größe der Bilder im Menü wird jedoch nicht automatisch angepasst, wenn Sie Timthumb nicht aktiviert haben. Sie müssen also Bilder in der genauen Größe hochladen/zuordnen, die Sie anzeigen möchten. In meinem Beispiel habe ich 300×300 Pixel Bilder verwendet.
Wenn Sie Timthumb jedoch aktivieren, werden alle hochgeladenen Bilder 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 ziemlich einfach, aber absolut brillant. Sie legen die Anzahl der gewünschten Widget-Slots (die beliebig hoch sein können) unter den UberMenu-Einstellungen fest und platzieren die Widgets dann entsprechend auf der Widgets-Seite.
Um das Widget im Menü zu platzieren, erweitern Sie einfach das Menüelement und wählen das Widget aus, das Sie zuweisen möchten. Stellen Sie sicher, dass die Kontrollkästchen Text deaktivieren und Links deaktivieren aktiviert sind.
Hier ist ein Beispiel für die Wunder-Widgets (innerhalb von Menüs):
Leistungsstarke Anpassung
UberMenu bietet viele leistungsstarke CSS3-Anpassungsoptionen unter dem Style Generator, mit denen Sie Ihrem Menü ein einzigartiges Erscheinungsbild verleihen können. Es unterstützt auch ein vollständig benutzerdefiniertes CSS und teilweise benutzerdefinierte Optimierungen.
Es kommt auch mit vielen gut gestalteten Stilvorlagen, die Sie in Ihrem Menü verwenden können.
Ein weiteres bemerkenswertes Feature ist der Anpassungsassistent, der sehr hilfreich ist, wenn Sie die möglichen Anpassungsoptionen für das Menü sehen möchten.
Sonstig
Themenintegration
Die meisten Themes funktionieren mit UberMenu, aber wenn Sie ein Theme verwenden, das ein Basis-Framework wie das Genesis- oder Headway-Themes-Framework verwendet, kann die Theme-Integration etwas schwierig sein. Zum Glück hat Chris diesen Teil wunderbar dokumentiert und Ihnen das genaue Know-how gegeben, das Sie benötigen, um UberMenu in Ihr benutzerdefiniertes Thema zu integrieren.
Schalttafel
Die Systemsteuerung des Plugins ist ziemlich einfach zu bedienen. Es funktioniert auf einem streng binären System – entweder eine Funktion aktivieren oder deaktivieren. Meiner Meinung nach eine der besten Möglichkeiten, verfügbare Optionen darzustellen.
Website-Geschwindigkeit
Einer der wichtigsten Faktoren bei SEO und Suchmaschinen-Rankings ist die Geschwindigkeit der Website von grundlegender Bedeutung. UberMenu hat einen vernachlässigbaren Einfluss auf die Ladezeit der Website. Ich habe verwendet Pingdom um einen Seitenladezeittest vor und nach der Installation des Plugins durchzuführen. UberMenu verlängerte die Ladezeit um nur 0,25 Sekunden. Sie werden vielleicht feststellen, dass die Seitengröße stark zugenommen hat, aber das liegt daran, dass ich 3 Bilder im Menü „Top Picks“ verwendet habe.
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 überschritten hat, wechselte das Menü zu einem anderen, responsiven Layout.
Browser-Kompatibilität
UberMenu ist voll kompatibel mit den 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 breite Palette von Support-Optionen. Es enthält eine gut gestaltete Wissensdatenbank, ein Support-Forum, Youtube Kanal voller Tutorials und einer 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 Vielzahl von Anpassungsoptionen. Es sollte jedoch nicht von absoluten Anfängern verwendet werden, da es ein solides Verständnis der WordPress-Menüs und Widgets erfordert. Dank der leistungsstarken CSS-Anpassungsoptionen wird für fortgeschrittene WordPress-Entwickler eher ein Traum wahr.
Ich würde jedem raten, die umfangreiche Dokumentation gründlich zu lesen, um ein klares Verständnis der Funktionen des Plugins zu erhalten. 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!