Neve Header-Generator

Neve bietet einen vielseitigen Builder für den Header-Bereich Ihrer Website. Mit nur wenigen Klicks können Sie Ihren perfekten Header erstellen.

📝  Hinweis: Wenn Sie alle Funktionen des Header Booster-Moduls nutzen möchten, öffnen Sie einfach diese Seite.

Die in diesem Leitfaden vorgestellten Optionen beziehen sich auf:

Erweiterte Optionen, die in diesem Modul enthalten sind:

🗄 Header Builder öffnen

1

Navigieren Sie zu Neve > Anpassen.

2

Klicken Sie auf das Header-Panel, um den Header Builder zu öffnen.

🔎 Header Builder Layout

Der Header Builder besteht aus zwei Bereichen:

•  Header-Live-Vorschau-Bereich – Hier sehen Sie die Live-Vorschau, wie der Header auf Ihrer Website aussehen wird.
•  Header-Builder-Bereich – Hier können Sie Komponenten hinzufügen, neu anordnen und entfernen.

📑 Header Builder Zeilen

Der Header-Builder-Bereich besteht aus drei Zeilen (Header Oben, Header Hauptbereich und Header Unten), in denen Sie die verfügbaren Komponenten einfach auswählen und anordnen können, während Sie über jede Division der Zeilen fahren.

🗂 Zeilenstruktur

Der Header Builder besteht aus drei Zeilen, die verschiedene Komponenten enthalten können:

• Obere Zeile – Wird häufig für zusätzliche Informationen wie Kontakt, Social Media oder sekundäre Menüs verwendet.
• Hauptzeile – Enthält meist das Logo und die Hauptnavigation.
• Untere Zeile – Kann zusätzliche Informationen wie Copyright-Hinweise oder sekundäre Navigation anzeigen.

📂 Zeilen öffnen

Um eine Zeile zu öffnen und zu bearbeiten, klicken Sie einfach auf den entsprechenden Zeilenbereich im Header Builder.

• Bewegen Sie die Maus über die Zeile, die Sie bearbeiten möchten.
• Klicken Sie auf den Bleistift-Button, um die Bearbeitungsoptionen anzuzeigen.

🎨 Zeilenanpassungen

Sobald Sie eine Zeile bearbeiten, stehen Ihnen verschiedene Anpassungsoptionen zur Verfügung:

• Hintergrundfarbe – Ändern Sie die Farbe der Zeile.
• Höhe – Passen Sie die Höhe der Zeile an.
• Ränder & Abstände – Passen Sie Innen- und Außenabstände an.

📝 Hinweis: Wenn Sie die Zeile komplett entfernen möchten, klicken Sie auf das „Mülleimer“-Symbol im Bearbeitungsmenü.

⚙️ Globale Header-Einstellungen

Neben den Zeilenanpassungen können Sie auch globale Einstellungen für den gesamten Header festlegen:

• Hintergrundbild – Setzen Sie ein Hintergrundbild für den gesamten Header.
• Breite – Wählen Sie zwischen „Standard“ und „Volle Breite“.
• Sticky Header – Aktivieren Sie die Sticky-Funktion für den Header.

📚 Komponentenbibliothek

Die Komponentenbibliothek bietet Ihnen Zugriff auf eine Vielzahl von Elementen, die Sie zu Ihrem Header hinzufügen können. Um auf die Bibliothek zuzugreifen:

1. Klicken Sie auf das „+“ Symbol in einer Zeile.
2. Wählen Sie die gewünschte Komponente aus der Bibliothek.

Einige der am häufigsten verwendeten Komponenten sind:

• Logo – Fügen Sie Ihr Website-Logo hinzu.
• Hauptmenü – Erstellen Sie eine Navigation für Ihre Website.
• Suchsymbol – Ermöglicht Besuchern, Inhalte zu durchsuchen.
• Social Icons – Verlinken Sie Ihre Social-Media-Profile.

📝 Hinweis: Einige erweiterte Komponenten sind nur in der Neve Pro-Version verfügbar.

🛠 Verwalten der Komponenten

Nachdem Sie Komponenten zu einer Zeile hinzugefügt haben, können Sie diese auf verschiedene Arten verwalten:

1. Verschieben – Ziehen Sie die Komponente per Drag & Drop an eine neue Position.
2. Anpassen – Klicken Sie auf das „Bleistift“-Symbol, um die Einstellungen der Komponente zu bearbeiten.
3. Entfernen – Klicken Sie auf das „Mülleimer“-Symbol, um die Komponente zu löschen.

Jede Komponente hat ihre eigenen Anpassungsoptionen, z. B. Farbe, Abstand, Schriftart und mehr.

🎨 Header-Voreinstellungen

Wenn Sie schnell starten möchten, bietet Neve verschiedene Header-Voreinstellungen. Diese können als Ausgangspunkt dienen und weiter angepasst werden.

1. Gehen Sie zu Header > Header-Voreinstellungen.
2. Wählen Sie eine der verfügbaren Vorlagen aus.

📝 Hinweis: Sie können die Voreinstellungen jederzeit ändern oder zurücksetzen.

📌 Sticky Header

Mit der Sticky Header-Option bleibt der Header sichtbar, auch wenn der Benutzer auf der Seite nach unten scrollt. Das sorgt für eine bessere Benutzererfahrung und ermöglicht den schnellen Zugriff auf das Navigationsmenü.

Aktivierung des Sticky Headers

1. Öffnen Sie den Customizer und navigieren Sie zu Header > Header-Optionen.
2. Klicken Sie auf das Feld „Sticky Header“, um die Funktion zu aktivieren.

Sticky Header anpassen

Sobald der Sticky Header aktiviert ist, können Sie seine Einstellungen individuell anpassen:

• Hintergrundfarbe – Passen Sie die Farbe des Sticky Headers an.
• Höhe – Legen Sie eine Höhe für den Sticky Header fest.
• Animation – Fügen Sie eine Einblendungsanimation hinzu, wenn der Header sichtbar wird.

🎥 Video - Wie man einen kostenlosen benutzerdefinierten Header erstellt

Lernen Sie in diesem Video, wie Sie mit dem Neve-Header-Builder kostenlos einen benutzerdefinierten Header erstellen.

🎥 Video - Wie man einen PRO benutzerdefinierten Header erstellt

Dieses Video zeigt Ihnen, wie Sie die erweiterten Funktionen des Neve Header Builders in der Pro-Version verwenden können.

🚀 Upgraden Sie auf Neve Pro und entdecken Sie alle Premium-Funktionen! 🚀