Entdecken Sie, wie Sie schnell und einfach ein WordPress-Menü für eine bessere Navigation anpassen und Ihr eigenes Menü erstellen können. Ändern Sie Farben, verschieben Sie Elemente, erstellen Sie ein Sticky-Menü und vieles mehr.
Sind Sie neu in WordPress? Dann wird eine der ersten Fragen sein, wie man ein WordPress-Menü anpasst. Das macht Sinn, denn die Navigation ist eines der wichtigsten Elemente einer jeden Website.
Ein gutes, klares und auffälliges Menü zeigt den Besuchern den Weg und verbessert die Benutzerfreundlichkeit. Es kann aber auch dazu führen, dass Ihre Website weniger Spaß macht, denn auch das ist natürlich möglich.
Sie suchen nach Möglichkeiten, das Navigationsmenü auf Ihrer WordPress-Website anzupassen? Dann finden Sie in diesem Artikel alle Tipps und Tricks.
Wir gehen auf Inhalt, Design und Position ein, wenn Sie Ihr WordPress-Menü anpassen. Die Tipps helfen Ihnen, das ideale Menü für Ihre Besucher zu erstellen. Auf diese Weise finden sie schneller, was sie suchen, bleiben länger auf Ihrer Website und verbessern indirekt Ihre Suchmaschinenoptimierung.
Es gibt eine Menge über das Menü zu wissen, also lassen Sie uns schnell mit der Anpassung Ihres Menüs beginnen.
So fügen Sie Menüs im WordPress Admin Dashboard hinzu
Wir beginnen ganz einfach, indem wir ein Menü in WordPress hinzufügen.
Unter Ansicht > Menüs können Sie Menüs erstellen, anpassen, Orten zuweisen und löschen. Lassen Sie uns dies Schritt für Schritt tun.
Anmerkung. Sie können Menüs auch über Ansicht > Customiser > Menüs anpassen. Wenn Sie hier einen Menüpunkt ändern, setzt WordPress die Änderung sofort visuell um. Wenn Sie auf Veröffentlichen klicken, werden die Änderungen endgültig.
Menüpunkte hinzufügen
Über ‚Ansicht > Menüs‘ sehen Sie bestehende Menüs, die Sie ändern können. Sie haben noch kein Menü? Dann klicken Sie auf den Link am oberen Rand des Bildschirms mit diesem Text:
‚Bearbeiten Sie Ihr Menü unten oder erstellen Sie ein neues Menü‘.
Klicken Sie dann auf die blaue Schaltfläche ‚Menü speichern‘.
Fügen Sie über die Schaltfläche „Einträge hinzufügen“ Einträge zu Ihrem Menü hinzu. Dies können sein:
- Beiträge
- Seiten
- Benutzerdefinierte Links
- Kategorien
- Schlagwörter
Setzen Sie ein Häkchen vor eine Seite oder einen Beitrag. Mehrere Häkchen sind möglich. Klicken Sie dann auf die Schaltfläche „Zum Menü hinzufügen“. Sie sehen nun den Eintrag im Menü.
Nachrichten und Kategorien werden auf die gleiche Weise hinzugefügt, nur der Inhalt ist anders. Mit der Option „Benutzerdefinierte Links“ können Sie Ihre eigene URL eingeben. Dies kann auch die URL einer anderen Website sein.
Menübezeichnungen anpassen
Auf der rechten Seite des Bildschirms sehen Sie das Menü als Quadrate untereinander. Sie können diese ziehen, um die Reihenfolge zu ändern. Ziehen Sie ein Quadrat diagonal unter ein bestehendes Quadrat? Dann wird es zu einem Unterpunkt. Auf diese Weise erstellen Sie Dropdown-Menüs.
Wenn Sie mit dem Menü zufrieden sind, bestätigen Sie es, indem Sie auf die Schaltfläche „Menü speichern“ klicken.
Wenn Sie auf einen Pfeil neben einem Menüpunkt klicken, werden zusätzliche Optionen angezeigt. Unter anderem können Sie die Bezeichnung der Navigation ändern. Dies ist der Name eines Menüpunkts.
Hier können Sie auch Elemente löschen oder die URL eines benutzerdefinierten Links ändern. Vergessen Sie nicht, das Menü anschließend zu speichern.
Verwenden Sie die Bildschirmoptionen (schalten Sie sie zuerst ein)
Oben auf der Seite finden Sie die Schaltfläche „Bildschirmoptionen“. Klicken Sie darauf und öffnen Sie das Menü.
Unter „Bildschirmoptionen“ finden Sie zusätzliche Möglichkeiten, um Menüpunkte anzupassen. Möchten Sie zum Beispiel die Möglichkeit haben, Links in einer neuen Registerkarte zu öffnen? Dann markieren Sie ‚Linkziel‘.
Unter „Menüpunkte“ sehen Sie nun ein Kästchen, das Links in einem neuen Tab öffnet. Kreuzen Sie es an, wenn Sie dies wünschen.
Unterstützt Ihr WordPress-Theme eine Beschreibung für Menüpunkte? Dann aktivieren Sie die Option „Beschreibung“. Sie können nun einen kurzen Text für relevante Menüpunkte eingeben.
Veröffentlichen Sie Ihr Menü
Sobald Sie mit Ihrer Auswahl und dem Inhalt des Menüs zufrieden sind, können Sie es veröffentlichen.
Dies kann auf 2 Arten geschehen.
1. Wählen Sie unter Menüeinstellungen den Menüpunkt Standort
Geben Sie unter „Menüeinstellungen“ an, wo das Menü angezeigt werden soll. Die Optionen sind je nach Thema unterschiedlich, aber es gibt fast immer ein Hauptmenü. Wählen Sie es aus, klicken Sie auf „Menü speichern“ und öffnen Sie Ihre Website im Browser. Sie können nun sehen, wo Ihr Thema das Menü anzeigt.
Experimentieren Sie auch mit den anderen Optionen, z. B. „Sekundäres Menü“ und „Fußmenü“. Sehen Sie, wo das Menü dann angezeigt wird.
2. Menü über die Schaltfläche „Standorte verwalten“ zuweisen
Am oberen Rand des Bildschirms befindet sich eine Schaltfläche „Standorte verwalten“. Wenn Sie auf diese Schaltfläche klicken, können Sie ebenfalls Menüs auswählen und zuweisen.
Anmerkung. Menüs können auch einem Widget-Bereich auf Ihrer Website zugewiesen werden, z. B. in der Fußzeile. Gehen Sie dazu zu:
Ansicht > Widgets
Wählen Sie nun einen verfügbaren Widget-Bereich aus, z. B. „Fußzeile eins“. Klicken Sie auf das +, um einen neuen Block auszuwählen, und suchen Sie nach „Navigationsmenü“.
Wählen Sie das entsprechende Menü aus, und es wird von nun an in der Fußzeile angezeigt.
Sie können Menüs auch einem Widget-Bereich zuordnen. In diesem Fall: „Fußzeile eins“. Sie sehen das Menü nun (auch) unten auf der Seite.
Vollständige Anpassung Ihrer WordPress-Menüs (für fortgeschrittene Benutzer)
Sie wissen nun, wie Sie ein WordPress-Menü zu Ihrer Website hinzufügen und ändern können. Aber Sie können noch viel mehr tun. Lassen Sie uns also ein wenig tiefer eintauchen – sind Sie nicht ein Held in Sachen CSS? Fragen Sie Ihren Webmaster. Mit dem nächsten Schritt können Sie Ihr WordPress-Menü noch weiter anpassen.
Für die Beispiele werden wir das kostenlose Theme Neve von ThemeIsle verwenden. Wenn Sie ein anderes Theme verwenden, können die Dinge etwas anders funktionieren. Aber das lässt sich leicht herausfinden, und wir zeigen Ihnen gleich, wie.
Finden Sie den richtigen CSS-Code
Wenn du ein WordPress-Navigationsmenü gestalten willst, tust du das über CSS. Dies ist der Layout-Code Ihrer Website, und mit CSS können Sie Farben, Schriftgröße und -art, Effekte und vieles mehr festlegen.
Tipp! Erstellen Sie ein „Child Theme“, bevor Sie Änderungen vornehmen. Dann bleiben die Änderungen unberührt, wenn Sie Ihr WordPress-Theme aktualisieren.
👉 Lesen Sie den Artikel: Child-Themes in WordPress: So funktioniert dein Template immer perfekt
CSS arbeitet mit Code-Stücken. Dieser Code bestimmt unter anderem das Layout eines Menüs oder eines Menüpunkts.
Wenn Sie Google Chrome als Browser verwenden, können Sie Elemente inspizieren und den entsprechenden Code anzeigen. Klicken Sie mit der rechten Maustaste auf ein Element, z. B. auf die Schaltfläche des Home-Menüs. Wählen Sie im Menü die Option „Element inspizieren“.
Google Chrome öffnet nun die Entwicklertools. Hier sehen Sie den HTML- und CSS-Code, der für die Schaltfläche verwendet wird. Jetzt wissen Sie, welchen Code Sie im Thema anpassen müssen, um z. B. die Farbe der Schaltfläche zu ändern.
Filtern Sie im Fenster „Stile“ auf den Befehl „Farbe“. Sie sehen nun, welche Farben das Stylesheet für das Thema verwendet. Wenn Sie auf einen farbigen Block klicken, erhalten Sie einen ‚Farbwähler‘. Hier können Sie eine andere Farbe auswählen, z.B. Rot.
Im Beispiel sehen Sie nun, dass die Menüpunkte nicht mehr grau, sondern rot sind.
Sie stehen auf der URL einer Formatvorlage? Dann sehen Sie, in welcher Datei Sie den Farbcode ändern müssen, um die Farbe dauerhaft zu ändern.
💡 Tipp. Sie können CSS-Dateien über Ansicht > Theme-Editor ändern.
Seien Sie vorsichtig, was Sie tun, denn wenn Sie einen Fehler machen, funktioniert Ihre Website möglicherweise nicht mehr. Das lässt sich in der Regel leicht beheben, aber es macht einem schon Angst. Stellen Sie also immer sicher, dass Sie ein Backup haben und verwenden Sie unbedingt ein Child Theme.
💡 Tipp. In den Entwicklertools können Sie ganz einfach sehen, wie sich Änderungen auf verschiedenen Geräten auswirken. Sie können dies hier tun:
Ändern Sie Ihre Menüfarben
Das Ändern der Menüfarben ist einfach und kann auf mehrere Arten erfolgen.
Die erste Möglichkeit ist die Hintergrundfarbe eines Menüs. Oft ist dies ein Teil des Headers. Wenn Sie den Code für den Header über den Code der Entwicklertools finden, können Sie den Code ändern.
Der erste Weg funktioniert nicht immer. Manchmal hat ein Thema auch seine eigene Navigationsleiste. In diesem Fall müssen Sie das Wrapping-Element des Menüs selbst ändern.
Verwenden Sie erneut das Entwicklertool, um den richtigen Code zu finden, und filtern Sie gegebenenfalls nach der Farbe. Wenn Ihnen der Code nicht bekannt vorkommt, ändern Sie mehrere Farben, bis Sie die richtige gefunden haben.
Dieser Code ändert die Hintergrundfarbe in Neves Thema in Blau.
💡 Hinweis. In den Entwicklertools können Sie Farbcodes ändern, aber das ist rein visuell. Das Werkzeug speichert die Änderungen nicht. Dazu müssen Sie sie zunächst in der CSS-Datei Ihres Child-Themes speichern.
Erstellen Sie ein Sticky-Menü
Ein WordPress-Navigationsmenü befindet sich normalerweise am oberen Rand der Website und verschwindet, wenn Sie nach unten scrollen. Mit einem Sticky Menu bleibt es ganz oben.
Ein Sticky-Menü kann sehr nützlich sein, um Besuchern jederzeit Zugriff auf die Top-Navigation zu geben.
Sie können ein Sticky-Menü auf 3 Arten aktivieren.
1. Viele WordPress-Themes haben eine Sticky-Option. In diesem Fall müssen Sie nur ein Kästchen ankreuzen, und das war’s.
2. Sie können ein Sticky-Menü auch mit CSS-Code erstellen. Das scheint schwierig zu sein, aber dieses Video zeigt Ihnen genau, wie es funktioniert.
3. Eine dritte Möglichkeit besteht darin, ein Plugin zu installieren. Ein gutes Beispiel ist myStickymenu. Dieses Video zeigt Ihnen, wie das Plugin funktioniert und wie Sie es einrichten.
Wenn Sie wenig Programmiererfahrung haben, ist das Plugin die schnellste Option. Aber es vergrößert Ihre Website, macht sie langsamer und anfälliger für Hacker. Sehen Sie sich daher zuerst die Optionen 1 und 2 an.
Wie können Sie Ihr WordPress-Navigationsmenü anpassen?
Die Site-Navigation ist für jede WordPress-Website unverzichtbar. Wenn Sie Ihre Menüs nicht richtig einstellen, wird Ihre Website praktisch unbrauchbar.
Sie können Änderungen an den Navigationsmenüs auf verschiedene Weise vornehmen.
In WordPress selbst, mit Plug-ins und mit Code. Mit den Tipps in diesem Artikel und den vielen nützlichen Videos auf YouTube können Sie im Handumdrehen die besten Menüs für Ihre Website erstellen. Was bevorzugen Sie für die Anpassung Ihrer WordPress-Menüs?
Kommentare
No comments yet.