Ihr engagierter Partner für alles rund um WordPress

So verknüpfen Sie Seiten mit dem Menü in Elementor

Inhaltsverzeichnis

Elementor ist ein leistungsstarkes Seitenerstellungs-Plugin, das es jedem leicht macht, professionell aussehende Websites zu erstellen, ohne Programmiererfahrung zu haben. Eines der wichtigsten Merkmale jeder Website ist das Navigationsmenü, das Besuchern hilft, von einer Seite zur anderen zu wechseln. In diesem Blog zeigen wir Ihnen, wie Sie Seiten mit dem Menü in Elementor verknüpfen, damit Sie Ihren Website-Benutzern ein nahtloses Browsing-Erlebnis bieten können.

Schritt 1: Erstellen Sie eine neue Seite

Erstellen Sie zunächst alle Seiten, die im Navigationsmenü Ihrer Website angezeigt werden sollen. Navigieren Sie dazu zum WordPress-Dashboard und klicken Sie auf „Seiten“ > „Neu hinzufügen“. Erstellen Sie Seiten für jeden Abschnitt Ihrer Website, z. B. „Startseite“, „Über uns“, „Dienste“ und „Kontakt“.

Schritt 2: Seiten zum Menü hinzufügen

Gehen Sie als Nächstes zu Elementor und navigieren Sie zum Abschnitt „Vorlagen“. Klicken Sie auf „Theme Builder“ und wählen Sie dann „Header“. Klicken Sie auf „Kopfzeile bearbeiten“ und fügen Sie dann ein „Menü“-Widget zur Kopfzeile hinzu. Mit den Optionen in der linken Seitenleiste können Sie das Erscheinungsbild Ihres Menüs gestalten.

Um Seiten zum Menü hinzuzufügen, klicken Sie auf das Menü-Widget und dann auf „Menü bearbeiten“. Klicken Sie auf „Elemente hinzufügen“ und wählen Sie die Seiten aus, die Sie Ihrem Menü hinzufügen möchten. Sie können die Reihenfolge Ihrer Menüelemente ändern, indem Sie sie per Drag & Drop verschieben.

Schritt 3: Vorschau Ihres Menüs

Wenn Sie alle erforderlichen Seiten hinzugefügt haben, klicken Sie auf „Veröffentlichen“, um Ihre Änderungen zu speichern. Kehren Sie nun zu Ihrer Website zurück und aktualisieren Sie die Seite. Sie sollten Ihr neu erstelltes Menü auf der Seite sehen und mit der Navigation durch Ihre Website beginnen können.

Schritt 4: Anpassen der Menüdarstellung

Sie können das Erscheinungsbild Ihres Menüs entsprechend Ihren Designanforderungen anpassen. Mit Elementor können Sie die Breite Ihrer Menüelemente einfacher anpassen, ein Logo hinzufügen und den Stil des Menüs ändern. Auf der Registerkarte „Stil“ können Sie die Farbe der Menüelemente ändern und den Hover sowie die Hintergrundfarbe der aktuellen Seite anpassen. Wenn Sie mit benutzerdefiniertem Stil vertraut sind, können Sie CSS verwenden, um das Navigationsmenü nach Ihren Wünschen zu gestalten.

Schritt 5: Menüelemente aktualisieren

Nach der Veröffentlichung Ihrer Website müssen Sie möglicherweise weitere Seiten hinzufügen oder die vorhandenen bearbeiten. Navigieren Sie in solchen Situationen zu Ihrem WordPress-Dashboard und klicken Sie auf „Darstellung“ > „Menüs“. Sie können die Seiten zum Menü hinzufügen oder bearbeiten und auf „Menü speichern“ klicken, wenn Sie fertig sind.

Zusammenfassung

In diesem Tutorial haben wir Ihnen gezeigt, wie Sie Seiten zum Menü in Elementor hinzufügen. Egal, ob Sie Anfänger oder Profi sind, mit Elementor können Sie ganz einfach eine professionell aussehende Website erstellen, ohne ins Schwitzen zu geraten. Der Schlüssel liegt darin, sich Zeit zu nehmen, die Struktur Ihrer Website zu planen und die verschiedenen Elementor-Widgets zu verwenden, um die Website zu erstellen, die Ihre Marke widerspiegelt. Befolgen Sie die von uns beschriebenen Schritte und Sie erhalten ein umfassendes Navigationsmenü, das Ihre Website benutzerfreundlich und einfach zu navigieren macht.

Unsere Blogs

Wie man anfängt?

Mehr erfahren

Elementor-Entwickler

Stellen Sie flexible Remote-Mitarbeiter und ungeteilte Aufmerksamkeit ein.

Loslegen

Haben Sie Probleme mit WordPress?

Claim Your Kostenlose WordPress-Wartung

In der schnelllebigen digitalen Landschaft von heute verdient jede Website die Pflege und das Fachwissen eines professionellen Wartungsteams, das optimale Leistung, verbesserte Sicherheit und nahtlose Benutzererlebnisse gewährleistet, sodass Sie sich beruhigt auf das Wachstum Ihres Unternehmens konzentrieren können.

Alexey Seryapin
Gründer von WPServices

Gutscheincode angewendet!

Nehmen Sie sich Zeit und stöbern Sie weiter durch unsere Dienstleistungen.

Alexey Seryapin
Gründer von WPServices