Erstellen Sie einen schönen Header mit dem Elementor-Builder und dem M2-Thema

Last Updated on 11/10/2021 by MTE Leben

Da jede Website eine ähnliche Struktur hat, enthalten alle Kopf- und Fußzeilen. Normalerweise enthalten Kopf- und Fußzeilen wichtige Daten, Links und notwendige Seiten in einem Menü, damit Kunden sie leicht finden können. Viele Webentwickler haben dort Hamburger-Menüs, Call-to-Actions und Links zu sozialen Netzwerken hinterlegt. Diese Elemente helfen Ihnen auch bei der Website-Navigation. Die anderen Unterscheidungsmerkmale von Kopf- und Fußzeilen sind, dass sie auf jeder Seite der Website vorhanden sind. Sie können auf vielseitigen Seiten gleich oder unterschiedlich sein.

Die Bedeutung des Seitenkopfs

Der Header ist das Erste, was Besucher beim Betreten der Site sehen. Deshalb ist es zu wichtig, den schönen Stil und die eingängige Struktur für diesen Abschnitt zu wählen. Seien Sie vorsichtig, wenn Sie entscheiden, welche Informationen dort platziert werden sollen, und denken Sie daran, dass dies die Benutzer dazu ermutigen sollte, Ihre Website weiter zu nutzen.

Website-Betreiber platzieren oft das Firmenlogo in der Kopfzeile. Stellen Sie sicher, dass es anklickbar ist, und lassen Sie die Benutzer zur Startseite zurückkehren. Es ist auch eine gute Idee, ein Hamburger-Menü in die Kopfzeile einzufügen. Es hilft Besuchern, die benötigte Seite zu finden und sie leicht zu erreichen. Wenn Sie ein Registrierungsformular auf Ihrer Website haben, fügen Sie auch die Schaltfläche “Anmelden” in die Kopfzeile ein, um schnell auf das Kundenkonto zuzugreifen.

Erstellen Sie die Kopfzeile der WordPress-Seite von Grund auf neu

Öffnen Sie das Dashboard und suchen Sie dort im Abschnitt Monstroid2 nach „Meine Bibliothek“. Klicken Sie anschließend auf „Neu hinzufügen“. Wählen Sie den Vorlagentyp aus, in unserem Fall ist es ein Header, benennen Sie ihn und erstellen Sie eine Vorlage.

Suchen Sie im Abschnitt Thementeile den erstellten Header und öffnen Sie Elementor, indem Sie auf „Mit Elementor bearbeiten“ klicken.
Wenn sich der Editor öffnet, sehen Sie das Rechteck im Bearbeitungsbereich. Um mit der Arbeit zu beginnen, klicken Sie auf „+“ und wählen Sie die Struktur aus.
Wählen Sie ein beliebiges Element im erstellten Abschnitt aus und füllen Sie die Spalten mit den erforderlichen Daten. Wir haben uns entschieden, das Logo, das Navigationsmenü und die sozialen Symbole in unseren Header einzufügen. Sie können auch den Stil und die Details ändern.

Einen integrierten Monstroid2-Header bearbeiten

Nachdem Sie das Theme heruntergeladen und installiert haben, können Sie sehen, wie Ihre Website aussieht und jetzt kann sie angepasst werden. Suchen Sie im oberen Bereich der Seite nach „Mit Elementor bearbeiten“, setzen Sie den Cursor darauf und klicken Sie auf „Kopfzeile“. Dann öffnet sich die Header-Vorlage im Editor und Sie können den Bearbeitungsprozess starten.

Sie können jedes Element dieses Abschnitts auswählen und nach Belieben anpassen oder ersetzen.

Header über Monstroid2 Magic Button

Wie Sie in den obigen Screenshots bemerkt haben, finden Sie beim Bearbeiten von Monstroid2-Elementen darunter den „Magic Button“. Mit seiner Hilfe können Sie die Kopfzeile aus Dutzenden von fertigen Layouts auswählen und nach Ihren Wünschen anpassen.

Mit dem Monstroid2-Theme haben Sie viele Varianten, wie Sie den WordPress-Seitenheader für Ihre Website erstellen können. Sie können es von Grund auf neu oder mit Layouts erstellen. Es ist nur Ihre Wahl, welche Sie auswählen. M2 bietet auch eine Sammlung von Symbolen, Bildern und vielen anderen Elementen, die Sie für Ihr Projekt verwenden können. Das vereinfacht Ihren Arbeitsprozess und macht ihn angenehm.