Bearbeiten von Kopf- und Fußzeilen mit Elementor in WordPress

Elementor, ein leistungsstarker Drag-and-Drop-Seitenersteller für WordPress, macht es einfach, benutzerdefinierte Kopf- und Fußzeilen zu entwerfen, ohne dass Sie Programmierkenntnisse benötigen. Mit Elementor Pro oder dem Elementor Header & Footer Builder Plugin können Sie diese Bereiche erstellen und bearbeiten, um Ihrer Website ein einzigartiges Aussehen und Funktionalität zu verleihen. Hier erfahren Sie, wie Sie Kopf- und Fußzeilen mit Elementor in WordPress bearbeiten können.

Methode 1: Verwendung von Elementor Pro

Wenn Sie Elementor Pro haben, ist die Bearbeitung von Kopf- und Fußzeilen mit der Theme Builder-Funktion ganz einfach.

Schritt 1: Installieren Sie Elementor Pro

1. Falls noch nicht geschehen, kaufen Sie Elementor Pro und laden Sie es von der Elementor-Website herunter.
2. Gehen Sie in Ihrem WordPress-Dashboard zu Plugins > Neu hinzufügen und laden Sie die ZIP-Datei von Elementor Pro hoch.
3. Klicken Sie auf Jetzt installieren und dann auf Aktivieren.
4. Vergewissern Sie sich, dass sowohl die Elementor- als auch die Elementor Pro-Plugins auf Ihrer Website aktiv sind.

Schritt 2: Zugriff auf Elementor Theme Builder

1. Navigieren Sie auf dem WordPress-Dashboard zu Templates > Theme Builder.
2. Auf der Seite Theme Builder sehen Sie Optionen zum Erstellen von Vorlagen für Kopf- und Fußzeilen sowie für andere Theme-Teile.

Schritt 3: Erstellen oder Bearbeiten der Kopfzeile

1. Klicken Sie im Theme Builder auf die Registerkarte Kopfzeile.
2. Um eine neue Kopfzeile zu erstellen, klicken Sie auf Neu hinzufügen und wählen Sie Kopfzeile.
3. In einem Popup-Fenster werden Sie aufgefordert, der Vorlage einen Namen zu geben (z. B. “Hauptkopfzeile”) und auf Vorlage erstellen zu klicken.
4. Sie können entweder aus vorgefertigten Kopfzeilenvorlagen wählen oder eine Kopfzeile von Grund auf neu entwerfen, indem Sie Elemente wie Logos, Navigationsmenüs, Schaltflächen und vieles mehr per Drag & Drop einfügen.
   • Fügen Sie ein Logo hinzu: Verwenden Sie das Bild-Widget, um Ihr Logo zu platzieren.
   • Navigation hinzufügen: Verwenden Sie das Navigationsmenü-Widget, um Ihr Hauptmenü zu erstellen.
   • Soziale Symbole hinzufügen: Verwenden Sie das Widget “Soziale Symbole”, um Links zu sozialen Medien einzufügen.

Schritt 4: Anzeigebedingungen festlegen

1. Nachdem Sie Ihre Kopfzeile entworfen haben, klicken Sie auf Veröffentlichen.
2. Sie werden aufgefordert, die Anzeigebedingungen festzulegen, die definieren, wo die Kopfzeile auf Ihrer Website angezeigt werden soll (z. B. die gesamte Website, bestimmte Seiten oder Beiträge).
3. Wählen Sie aus, wo die Kopfzeile angezeigt werden soll, und klicken Sie auf Speichern und schließen.

Schritt 5: Erstellen oder bearbeiten Sie die Fußzeile

1. Um eine Fußzeile zu erstellen oder zu bearbeiten, wiederholen Sie den Vorgang, indem Sie im Theme Builder auf die Registerkarte Fußzeile klicken.
2. Klicken Sie auf Neu hinzufügen und wählen Sie Fußzeile.
3. Gestalten Sie Ihre Fußzeile mit den Widgets von Elementor (fügen Sie z. B. Widgets wie Text, Copyright-Informationen, Kontaktinformationen oder soziale Symbole hinzu).
4. Legen Sie nach der Gestaltung die Anzeigebedingungen fest (ähnlich wie bei der Kopfzeile) und klicken Sie auf Speichern & Schließen.

Methode 2: Elementor Header & Footer Builder verwenden (kostenlose Option)

Wenn Sie die kostenlose Version von Elementor verwenden, können Sie trotzdem benutzerdefinierte Kopf- und Fußzeilen erstellen, indem Sie das Elementor Header & Footer Builder Plugin installieren.

Schritt 1: Installieren Sie das Elementor Header & Footer Builder Plugin

1. Navigieren Sie in Ihrem WordPress-Dashboard zu Plugins > Neu hinzufügen.
2. Suchen Sie nach Elementor Header & Footer Builder und klicken Sie auf Jetzt installieren.
3. Klicken Sie nach der Installation auf Aktivieren.

Schritt 2: Erstellen Sie eine neue Kopfzeilenvorlage

1. Sobald das Plugin aktiviert ist, gehen Sie im WordPress-Dashboard zu Erscheinungsbild > Elementor Header & Footer Builder.
2. Klicken Sie auf Neu hinzufügen, um eine neue Vorlage zu erstellen.
3. Wählen Sie im Popup-Fenster Header als Vorlagentyp aus.
4. Geben Sie Ihrer Vorlage einen Namen (z. B. “Custom Header”) und klicken Sie auf Vorlage erstellen.

Schritt 3: Gestalten Sie die Kopfzeile mit Elementor

1. Sie werden zum Elementor-Editor weitergeleitet, wo Sie Ihren individuellen Header gestalten können.
2. Verwenden Sie die Widgets von Elementor, um Inhalte wie ein Logo, ein Navigationsmenü und soziale Symbole hinzuzufügen.
3. Wenn Sie mit dem Design zufrieden sind, klicken Sie auf Veröffentlichen.

Schritt 4: Anzeigeregeln zuweisen

1. Nachdem Sie auf Veröffentlichen geklickt haben, legen Sie die Anzeigeregeln fest, um zu entscheiden, wo die Kopfzeile erscheinen soll (gesamte Website, bestimmte Seiten usw.).
2. Speichern Sie Ihre Änderungen.

Schritt 5: Erstellen Sie eine Fußzeilenvorlage

1. Um eine benutzerdefinierte Fußzeile zu erstellen, gehen Sie zu Erscheinungsbild > Elementor Header & Footer Builder und klicken Sie auf Neu hinzufügen.
2. Wählen Sie Footer als Vorlagentyp aus.
3. Gestalten Sie die Fußzeile mit der Drag-and-Drop-Schnittstelle von Elementor und fügen Sie Widgets wie Copyright-Informationen, Links und soziale Symbole hinzu.
4. Legen Sie die Anzeigeregeln fest, um zu bestimmen, wo die Fußzeile angezeigt werden soll, und speichern Sie dann Ihre Änderungen.

Kopfzeile und Fußzeile anpassen

Ob Sie Elementor Pro oder das kostenlose Plugin verwenden, Sie können das Design Ihrer Kopf- und Fußzeilen vollständig anpassen:

• Fügen Sie eine anhaftende Kopfzeile hinzu: Aktivieren Sie die Sticky-Option für die Kopfzeile in den erweiterten Einstellungen, damit die Kopfzeile beim Scrollen sichtbar bleibt.
• Reaktionsfähiges Design: Nutzen Sie die responsiven Einstellungen von Elementor, um die Darstellung Ihrer Kopf- und Fußzeile auf Mobil- und Tablet-Geräten anzupassen.
• Fügen Sie dynamische Inhalte hinzu: Für Elementor Pro-Nutzer können Sie dynamische Inhalte wie Login-Buttons, Warenkörbe oder Suchleisten einfügen.

Fazit

Die Verwendung von Elementor zum Erstellen und Bearbeiten von Kopf- und Fußzeilen in WordPress ist eine einfache und leistungsstarke Möglichkeit, das Design Ihrer Website ohne Programmierkenntnisse anzupassen. Mit Elementor Pro können Sie die Kopf- und Fußzeilen mit dem Theme Builder vollständig steuern, während das kostenlose Elementor Header & Footer Builder Plugin eine ähnliche Erfahrung für Benutzer ohne die Pro-Version bietet. Wenn Sie diese Schritte befolgen, können Sie im Handumdrehen eine professionelle und einzigartige Kopf- und Fußzeile für Ihre Website erstellen.