loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Wie man ein benutzerdefiniertes Navigationsmenü in WordPress erstellt

Möchten Sie Ihre Website übersichtlicher gestalten? Eine Standard-WordPress-Website ist zwar in der Regel einfach zu navigieren, aber für neue Besucher kann es trotzdem leicht sein, sich zu verirren. Aus diesem Grund erstellen viele Entwickler ihr eigenes benutzerdefiniertes Navigationsmenü, um Besuchern zu helfen.

Navigationsmenüs sind entscheidend, um Ihren Besuchern die Navigation auf Ihrer Website zu erleichtern. Je mehr Abschnitte zu Ihrer Website hinzugefügt werden, desto schwieriger ist es für Erstbesucher, sich auf Ihrer Website zurechtzufinden. Sie sollten Ihre Website immer kompakt und leicht zu navigieren halten.

Heute werde ich Ihnen mehrere Methoden zur Erstellung eines benutzerdefinierten Navigationsmenüs vorstellen.

Warum ein benutzerdefiniertes Navigationsmenü erstellen?

Es ist recht einfach, ein Menü in WordPress einzurichten, und dies sollte eines der ersten Dinge sein, die Sie auf Ihrer Website tun. Sie bieten Websites viele Vorteile, die Sie nutzen können.

Der bekannteste Vorteil von Menüs ist, dass sie Ihren Besuchern helfen, sich auf Ihrer Website zurechtzufinden. Gleichzeitig ermöglichen sie es Ihnen, Ihre eigenen Inhalte zu bewerben, da diese immer im Navigationsmenü erscheinen.

Und Menüs werden nicht nur für die Anzeige Ihrer Inhalte verwendet. Sie können auch andere Optionen enthalten, z. B. Kontaktinformationen, Partnerangebote, Schwester-Websites usw.

Es gibt eine Vielzahl von Menütypen, aber die gängigste Unterteilung sind statische und schwebende Menüs. Ein statisches Menü bleibt an einer Stelle auf der Seite, während ein schwebendes Menü den Besuchern beim Scrollen folgt.

Beide haben ihre Vorteile und sind mit dem richtigen Plugin ebenso einfach zu erstellen.

Wie man ein benutzerdefiniertes Navigationsmenü erstellt

Die Erstellung von Navigationsmenüs ist recht einfach, und es gibt eine Vielzahl von Möglichkeiten, sie zu erstellen.

In diesem Tutorial zeige ich Ihnen drei Möglichkeiten, wie Sie das Menü individuell gestalten können. Ich zeige Ihnen, wie Sie ein Menü ohne Plugin erstellen können, wie Sie ein Sticky- oder Floating-Menü erstellen können und wie Sie das Max Mega Menu Plugin verwenden können.

Methode 1: Anpassen des Menüs ohne Plugins

Schritt 1: Gehen Sie zum Customizer Ihres Themes

Die meisten Menschen verwenden instinktiv ein Plugin, um ein elegantes Menü zu erstellen, aber Sie können dies auch ohne ein einziges Plugin tun. Viele Themes verfügen sogar über eigene Menüoptionen, die Sie nutzen können. Und einige Plugins setzen sogar voraus, dass bereits ein Menü vorhanden ist.

Je nach Plugin kann dies also unvermeidlich sein.

Denken Sie daran, dass alle Änderungen, die Sie am Menüsystem Ihres Themes vornehmen, für dieses spezielle Thema gelten. Wenn Sie also das Theme wechseln, müssen Sie das Menü erneut anpassen.

Klicken Sie auf „Erscheinungsbild“ und wählen Sie die Option „Anpassen“.

Customize

Hier können Sie so ziemlich jeden Aspekt Ihres Themas anpassen. In unserem Fall möchten wir die Menüs anpassen, also klicken Sie auf die Option „Menüs“.

Menus

Schritt 2: Anpassen Ihrer Menüs

Hier können Sie alle bestehenden Menüs auf Ihrer Website anpassen oder ein neues Menü erstellen.

Hinweis: In diesem Tutorial zeige ich Ihnen, wie Sie ein neues Menü erstellen, aber das ist unnötig, wenn Sie bereits eines haben. Stattdessen sollten Sie sich auf die Anpassung konzentrieren.

Um ein bestehendes Menü zu bearbeiten, klicken Sie einfach auf den Namen des Menüs. Um ein neues Menü zu erstellen, klicken Sie auf die Schaltfläche „Neues Menü erstellen“.

Create-Menu

Sie werden nun aufgefordert, einen Namen für das Menü zu vergeben. Geben Sie den Namen ein und klicken Sie auf die Schaltfläche „Weiter“. Als nächstes müssen Sie einige Menüpunkte hinzufügen. Klicken Sie auf die Schaltfläche „+ Elemente hinzufügen“.

Add Items

In WordPress können Sie benutzerdefinierte Links, Seiten, Beiträge, Kategorien und Tags als Menüelemente hinzufügen. In den meisten Fällen sind benutzerdefinierte Links die vielseitigste Option, die Sie verwenden können. Damit können Sie jeden beliebigen Link zum Menü hinzufügen. Sie können zum Beispiel eine Home-Option erstellen und den Link zu Ihrer Homepage verwenden.

Natürlich sind einige der grundlegenden Optionen, wie z. B. die Home-Option, bereits im Abschnitt der Seite vorhanden. Fügen Sie so viele Menüpunkte wie nötig hinzu.

Menu Items

Das Menü erscheint an der Stelle, an der es in Ihrem Design platziert ist. Sie können alle Änderungen in Echtzeit im Design-Editor sehen.

In meinem Fall, dem Poseidon-Theme, ist das Menü oben.

Navigational Menu

Wenn Sie mit dieser Position unzufrieden sind, müssten Sie Ihr Theme stark anpassen. Ich empfehle daher, auf ein anderes Theme umzusteigen.

Methode 2: Wie man ein Sticky Menu erstellt

Schritt 2: Sticky Menu installieren

Mit dem Sticky Menu (oder Anything!) on Scroll Plugin können Sie Ihrer WordPress-Website ganz einfach ein Sticky Menu hinzufügen. Es ist sehr einfach, ein solches Menü mit diesem Plugin einzurichten, aber Sie benötigen bereits ein Menü auf Ihrer Website oder müssen zuerst eines erstellen. Daher müssen Sie zuerst Methode 1 befolgen.

Das Plugin übernimmt die ganze Arbeit, Sie müssen nur die CSS-ID des Menüs kennen, und das Plugin sorgt dafür, dass es für Sie kleben bleibt. Sie können das Menü jederzeit ändern, wenn Sie neue Inhalte oder Abschnitte zu Ihrer Website hinzufügen.

Klicken Sie zunächst auf Plugins und wählen Sie die Option Neu hinzufügen in der linken Verwaltungskonsole.

Add New

Suchen Sie im verfügbaren Suchfeld nach Sticky Menu. Dadurch werden weitere Plugins angezeigt, die Sie möglicherweise hilfreich finden.

Search for Sticky Menu in the available search box.

Scrollen Sie nach unten, bis Sie das Sticky Menu (oder Anything!) on Scroll Plugin finden und klicken Sie auf die Schaltfläche „Jetzt installieren“ und aktivieren Sie das Plugin für die Verwendung.

click the "Install Now" button

Schritt 2: Sticky Menu hinzufügen

Als erstes benötigen Sie eine CSS-ID.

Um diese zu erhalten, besuchen Sie einfach die Live-Seite Ihrer Website. Gehen Sie auf das Menü Ihrer Website und klicken Sie mit der rechten Maustaste darauf. Wählen Sie die Option Untersuchen. Sie werden sehen, dass Ihr Browserbildschirm zwischen der Website und dem Code aufgeteilt wird. Scrollen Sie durch den Code, bis Sie die folgende Zeile finden.

[ht_message mstyle=“info“ title=““ show_icon=““ id=““ class=““ style=““ ]

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner