Das Erstellen einer Website kann eine aufregende und lohnende Erfahrung sein, aber manchmal erfüllen die Tools, die mit dem Website-Builder Ihrer Wahl geliefert werden, Ihre Erwartungen möglicherweise nicht vollständig. Hier kommt Elementor ins Spiel. Elementor ist ein leistungsstarker Seitenersteller, mit dem Sie benutzerdefinierte Designs für Ihre Website erstellen können, einschließlich des Headers Ihrer Website. In diesem Blogbeitrag führen wir Sie durch die Schritte zum Bearbeiten Ihres Website-Headers mit Elementor.
Schritt 1: Elementor installieren und aktivieren
Als Erstes müssen Sie sicherstellen, dass Elementor auf Ihrer Website installiert und aktiviert ist. Falls Sie dies noch nicht getan haben, können Sie Elementor aus dem WordPress-Plugin-Repository herunterladen. Sobald es installiert ist, aktivieren Sie Elementor, indem Sie zu Ihrem WordPress-Dashboard > Plugins gehen und auf die Schaltfläche „Aktivieren“ klicken.
Schritt 2: Wählen Sie eine Header-Vorlage
Elementor wird mit einer Vielzahl vorgefertigter Header-Vorlagen geliefert, aus denen Sie für den Einstieg auswählen können. Um auf diese Vorlagen zuzugreifen, erstellen Sie eine neue Seite oder öffnen Sie eine vorhandene Seite in Elementor. Klicken Sie dann oben links im Bearbeitungsbildschirm auf die Schaltfläche „Vorlage hinzufügen“. Wählen Sie dort die Option „Kopfzeile“, um die verfügbaren Vorlagen anzuzeigen. Wählen Sie diejenige aus, die zu Ihnen und Ihrer Marke passt, und importieren Sie sie in Ihre Seite.
Schritt 3: Passen Sie die Header-Vorlage an
Sobald Sie Ihre bevorzugte Header-Vorlage ausgewählt haben, ist es an der Zeit, sie an das Branding und den Stil Ihrer Website anzupassen. Klicken Sie auf das Header-Element, um die Einstellungen zu öffnen, und beginnen Sie dann mit der Änderung der Elemente mit dem Elementor-Editor. Sie können Schriftstil, Größe, Farbe, Abstand, Ausrichtung und andere Anpassungen ändern. Sie können auch neue Elemente und Widgets hinzufügen, um einen Header zu erstellen, der perfekt Ihren Anforderungen entspricht.
Schritt 4: Erstellen Sie einen Sticky-Header
Wenn Sie einen Header bevorzugen, der oben auf dem Bildschirm bleibt, wenn der Benutzer auf der Seite nach unten scrollt, können Sie mit Elementor einen Sticky-Header erstellen. Wählen Sie dazu in den Einstellungen des Kopfbereichs „Erweitert“ und klicken Sie auf „Bewegungseffekte“. Hier finden Sie die Option „Sticky“, die Sie einschalten können.
Schritt 5: Speichern Sie die Änderungen und aktualisieren Sie sie
Wenn Sie mit der Anpassung Ihres Headers fertig sind, vergessen Sie nicht, Ihre Änderungen zu speichern. Klicken Sie unten im Bearbeitungsbildschirm auf die Schaltfläche „Speichern“ und dann auf „Aktualisieren“ oder „Veröffentlichen“, um die Änderungen live auf Ihrer Website zu übernehmen. Jetzt wird Ihr neuer Header für Ihre Besucher angezeigt!