Wie man ein benutzerdefiniertes Navigationsmenü in WordPress erstellt

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“.

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“.

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“.

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“.

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.

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.

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.

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

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.

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=““ ]