Neve Dokumentation

Erste Schritte

Passen Sie Ihre Website an

Erweiterte Optionen

Wie man Neve installiert und aktiviert

Um zu beginnen, folgen Sie diesen Schritten:

Navigieren Sie in Ihrem WordPress Dashboard zu Erscheinungsbild > Themes.
Klicken Sie auf Neu hinzufügen und suchen Sie nach Neve.
Sobald es erscheint, klicken Sie auf Installieren und dann auf Aktivieren. Willkommen bei Neve!

💡 PRO-Benutzer hier? Erfahren Sie hier wie Sie Neve PRO installieren und aktivieren.

💡 Benötigen Sie noch Hilfe bei diesem Schritt? Hier finden Sie weitere Details zur Installation und Aktivierung eines WordPress-Themes.

Importieren einer Starter-Website

Sobald Neve aktiviert ist, können Sie mit dem Aufbau Ihrer Website von Grund auf oder mit einer Starter-Website beginnen.

Klicken Sie auf die Schaltfläche "Vorlagen erkunden und jetzt mit dem Aufbau beginnen!" in der Neve-Benachrichtigung, wodurch das Starter Sites & Templates by Neve Plugin automatisch installiert und aktiviert wird, welches für den Import einer Starter-Website erforderlich ist.

Danach werden Sie zum Onboarding weitergeleitet.

Folgen Sie allen Schritten, um Ihre Starter-Website zu importieren.

Hinweis: Die Bibliothek der Starter-Websites finden Sie unter Neve > Starter-Websites.

Neve Dashboard

Die zentrale Anlaufstelle für Neves Optionen befindet sich unter Neve > Dashboard. Dort finden Sie die Dokumentation, das Produkt-Changelog, Schnelllinks für Customizer-Optionen und Plugin-Empfehlungen.

Erstellen Sie Ihren benutzerdefinierten Header & Footer

Mit einem ähnlichen Builder können Sie einen benutzerdefinierten Header und einen benutzerdefinierten Footer für Ihre Website erstellen.

Navigieren Sie zu Erscheinungsbild > Anpassen > Header, um auf den Header-Builder zuzugreifen, und zu Erscheinungsbild > Anpassen > Footer, um auf den Footer-Builder zuzugreifen.

Beide Builder bestehen aus drei Zeilen (Oben | Haupt | Unten) und einer Liste verfügbarer Komponenten, die in jeder der drei Zeilen platziert werden können, um Ihren eigenen benutzerdefinierten Header zu erstellen.

Verfügbare Komponenten für den Header-Builder:

Logo & Website-Identität
Primäres Menü
Sekundäres Menü

📝 Hinweis: Das sekundäre Menü ist ein Menü mit einer Ebene. Dropdown-Menüs können mit dieser Komponente nicht verwendet werden.

Button

Neben normalem Text ermöglicht die Button-Komponente Dynamische Tags, auf die über das Dreieck mit drei Punkten am Ende der Zeilen zugegriffen werden kann. Dynamische Tags ziehen Inhalte von der Website oder von der aktuellen Seite/Beitrag und ändern sich dynamisch je nach Seite oder Beitrag, auf der sie sich befinden.

Suchformular
Suchsymbol

Beim Anklicken öffnet das Suchsymbol ein Suchformularfeld. Die Option "Öffnungsverhalten" steuert die Art und Weise, wie dieses Formularfeld für den Benutzer erscheint.

Canvas

Minimal

Über Header schweben

HTML
Warenkorb-Symbol (nur verfügbar, wenn das WooCommerce-Plugin installiert und aktiviert ist)

Das Ändern des Warenkorb-Symbols ist möglich, wenn Sie das Sparks-Plugin oder Neve Pro - Business/Agency-Lizenzstufen verwenden.

Palettenwechsel
Menüsymbol

Die Komponente zeigt das Hamburger-Symbol (mit optionalem Label) an, das beim Anklicken alles öffnet, was im Bereich "Mobiles Menü-Inhalt" des Builders hinzugefügt wurde. (Es ist erforderlich, dass die Komponente "Primäres Menü" dort vorhanden ist)

💡 Benötigen Sie eine andere Komponente für den Header/Footer? Müssen Sie eine Komponente mehrfach verwenden? Schauen Sie sich die Liste der zusätzlichen Komponenten an, die in Neve PRO verfügbar sind.

Verfügbare Komponenten für den Footer-Builder:

Footer Eins (dies ist ein Widget-Bereich)
Footer Zwei (dies ist ein Widget-Bereich)
Footer Drei (dies ist ein Widget-Bereich)
Footer Vier (dies ist ein Widget-Bereich)
Footer-Menü

💡 Möchten Sie Ihr eigenes Copyright hinzufügen? Schauen Sie sich Neve PRO an.

Benutzerdefinierten Header & Footer gestalten

Jede Komponente und jede der drei Zeilen hat ihre eigenen Einstellungen (für Layout, Farben usw.).

Um die Einstellungen für eine bestimmte Komponente zu öffnen, klicken Sie einfach auf das kleine Rad, das Teil der Komponente ist, wie in der Abbildung unten gezeigt.

To open the settings for one of the three rows, just click on its little wheel that is situated at the start of row, as shown in the picture below.

Ändern Sie die Anzahl der Spalten und das Layout des Footers

Für jede der drei Zeilen des Footers gibt es eine Option, eine andere Anzahl von Spalten mit einem bestimmten Layout zu wählen.

Wählen Sie dedizierte Bilder oder Hintergrundfarben für jede Zeile des Headers ODER ein einzelnes Bild oder eine Hintergrundfarbe für den gesamten Header-Bereich

Unter Darstellung > Anpassen > Header gibt es ein Globale Header-Einstellungen Panel.

In diesem Panel, wenn Sie die Option Erweiterte Optionen aktivieren aktivieren, hat jede der drei Zeilen des Headers ihre eigenen Optionen für Hintergrundfarbe/Bild.

Wenn die Option Erweiterte Optionen aktivieren deaktiviert ist, verwenden alle drei Zeilen des Headers die globale Hintergrundfarbe oder das Bild, wodurch ein einheitlicher Header entsteht.

💡 Möchten Sie den Header und/oder den Footer fixiert haben? Schauen Sie sich Neve PRO an.

Der Header- und Footer-Builder ermöglicht zwei verschiedene Header/Footer für Desktop und mobile Geräte (jedes Gerät mit einer Breite unter 960px).

Der mobile Header-Builder hat einen zusätzlichen Bereich neben den drei Zeilen (Oben | Haupt | Unten ), der Mobiles Seitenmenü genannt wird. Dieser Bereich wird in Verbindung mit der Menü-Icon Komponente verwendet.

Das bedeutet, dass wenn die Menü-Icon-Komponente Teil einer der drei Zeilen ist, wird beim Klicken der Inhalt angezeigt, der im Bereich des Mobilen Seitenmenüs verfügbar ist. (Typischerweise fügen Benutzer ihre Primäre Menü-Komponente im Bereich des Mobilen Seitenmenüs hinzu, damit die Benutzer das Hauptmenü sehen können, sobald sie auf das Menü-Icon klicken, auf mobilen Geräten).

🎥 Video - Wie erstelle ich einen Benutzerdefinierten Header?

💡 Möchten Sie einen Scroll-nach-oben-Button hinzufügen? Schauen Sie hier nach, wie Sie das mit Neve PRO machen können.

Farben & Hintergrund

Navigieren Sie zu Darstellung > Anpassen > Global > Farben & Hintergrund um die Farbpalette zu ändern, eine neue hinzuzufügen oder ein Hintergrundbild zur Website hinzuzufügen. Lesen Sie alles darüber hier.

Typografie

Navigieren Sie zu Darstellung > Anpassen > Typografie um auf die Optionen zuzugreifen. Sie haben zwei Optionen zur Auswahl:

[Für Anfänger] Schriftarten-Voreinstellungen

Verwenden Sie Schriftarten-Voreinstellungen (eine Liste vordefinierter Schriftarten, die sich nahtlos ergänzen und gut in Neve aussehen und mit einem Klick auf der gesamten Website angewendet werden können).

Wenn Sie mit der ausgewählten Voreinstellung nicht zufrieden sind, können Sie auf die Schaltfläche Zurücksetzen am Ende der Liste klicken.

[Für fortgeschrittene Benutzer] Wählen Sie Ihre bevorzugten Optionen für die Typografie

Die Typografie-Optionen in Neve sind auf zwei Panels verteilt: Allgemein und Überschriften.

Die Optionen aus dem Überschriften-Panel gelten für alle Überschriften (H1 - H6), während die Optionen aus dem Allgemein-Panel für alle anderen Elemente gelten.

Für die Blog-Seite und einzelne Beiträge gibt es dedizierte Steuerelemente für die Typografie, verfügbar unter Darstellung > Anpassen > Blog > Blog/Archiv oder Einzelbeitrag, im Design-Tab.

Hinweis: Einige Optionen, wie zum Beispiel die Schriftgröße, können unterschiedliche Werte auf mobilen Geräten, Tablets und Desktop haben. Klicken Sie dafür einfach auf das entsprechende Icon und geben Sie den gewünschten Wert ein. Einige Optionen, wie zum Beispiel die Schriftgröße, können unterschiedliche Maßeinheiten verwenden, wie em, px oder rem. Klicken Sie dafür einfach auf das entsprechende Icon und geben Sie den gewünschten Wert ein.

Hinweis: Einige Elemente der Website, wie Header, Footer und Buttons haben spezifische Typografie-Optionen, die diese hier überschreiben.

💡 Benötigen Sie Typografie-Optionen für Ihren WooCommerce Shop oder für EDD (Easy Digital Downloads)? Schauen Sie sich Neve PRO Business und Agency an.

💡 Möchten Sie Schriftarten lokal laden? Schauen Sie hier nach, wie Sie das machen können.

Buttons

Navigieren Sie zu Darstellung > Anpassen > Global > Buttons um auf die Optionen zuzugreifen (Die Optionen aus dem Allgemein-Panel gelten für alle anderen Buttons, die nicht primär oder sekundär sind).

Neve hat zwei Arten von Buttons, basierend auf ihrer "Wichtigkeit" auf der Seite, genannt Primär (die die .button-primary CSS-Klasse haben) und Sekundär (die die .button-secondary CSS-Klasse haben).

Beispiele für Primäre Buttons: In den Warenkorb, Kommentar verfassen, Zur Kasse

Beispiele für Sekundäre Buttons: Warenkorb anzeigen, Gutschein einlösen.

Formularfelder

Navigieren Sie zu Darstellung > Anpassen > Global > Formularfelder um auf die Optionen zuzugreifen.

Diese können verwendet werden, um das Aussehen von Formularen anzupassen, die mit Plugins wie WPForms Lite, Contact Form 7 oder Page Buildern wie Elementor erstellt wurden.

Bitte beachten Sie, dass einige der Plugins ihre eigenen Styling-Optionen haben können, die die Theme-Einstellungen überschreiben.

Zum Beispiel kann in WPForms der Plugin-Stil in seinen Einstellungen geändert/deaktiviert werden.

Breadcrumbs

Standardmäßig zeigt Neve Breadcrumbs nur auf den Shop- und Produktseiten an, wie in den Abbildungen unten zu sehen.

Neve hat auch Integrationen mit Yoast SEO, Rank Math SEO, Breadcrumb NavXT, und SEOPress Pro.

Nach der Installation und Aktivierung eines dieser Plugins und der Aktivierung ihrer Breadcrumbs-Funktionalität werden Breadcrumbs auch auf anderen Seiten angezeigt, wie auf der Blog- und Einzelbeitragsseite, wie in den Abbildungen unten zu sehen.

Die Position der Breadcrumbs kann jedoch nicht geändert werden. Um die Breadcrumbs an einer anderen Stelle im Header hinzuzufügen, schauen Sie sich Neve PRO an.

Container

Navigieren Sie zu Darstellung > Anpassen > Global > Container um auf die Optionen zuzugreifen.

Inhaltsbreite und Container-Stil sind zwei verwandte Optionen. Bei der Wahl eines Contained-Stils bleibt der Inhalt der Seite innerhalb der entsprechenden Inhaltsbreite, während Full Width bedeutet, dass der Inhalt der Seite den gesamten Bereich ausfüllt.

Die nächsten beiden Abbildungen zeigen die Full Width und Contained Zustände. Beachten Sie das Layout des Inhalts im Vergleich zum Header, der in diesem Fall auf 1170px eingestellt ist.

Hinweis: Der Container-Stil kann für verschiedene Arten von Seiten unterschiedlich eingestellt werden. Außerdem kann die Container-Breite je nach Gerät (Desktop, Tablet oder Mobile) unterschiedliche Größen haben. Klicken Sie dafür auf die entsprechenden Icons und wählen Sie die gewünschte Größe.

Seitenleisten-Einstellungen

Navigieren Sie zu Darstellung > Anpassen > Global > Inhalt/Seitenleiste um auf die Optionen zuzugreifen.

Bei der Wahl eines Layouts mit linker oder rechter Seitenleiste stellen Sie sicher, dass Sie Widgets in der entsprechenden Seitenleiste hinzufügen, indem Sie zu Darstellung > Anpassen > Widgets gehen und eine entsprechende Inhaltsbreite wählen, die die Anzeige der Seitenleiste ermöglicht. (z.B. 70%)

Hinweis: Für die Blog-Seite und einzelne Beitragsseiten gibt es dedizierte Seitenleisten-Steuerelemente unter Darstellung > Anpassen > Blog.

Möchten Sie zur Neve PRO Familie gehören? Upgraden Sie jetzt und genießen Sie alle Vorteile.

Die Blog-Seite

Navigieren Sie zu Darstellung > Anpassen > Blog > Blog/Archiv um auf die Optionen zuzugreifen:

- Seitenleisten-Layout und Inhaltsbreite sind zwei verwandte Optionen. Bei der Wahl eines Layouts mit linker oder rechter Seitenleiste stellen Sie sicher, dass Sie Widgets in der Seitenleiste hinzufügen, indem Sie zu Darstellung > Anpassen > Widgets gehen und eine entsprechende Inhaltsbreite wählen, die die Anzeige der Seitenleiste ermöglicht. (z.B. 70%)

- Beitrags-Karten-Layout ist die Haupteinstellung der Blog-Seite. Je nach gewählter Option (Liste, Cover oder Grid) sind zusätzliche dedizierte Optionen verfügbar.

- Die Beitrags-Inhaltsreihenfolge und Beitrags-Meta-Reihenfolge Optionen ermöglichen es Ihnen, ein bestimmtes Layout für jeden auf der Blog-Seite angezeigten Beitrag zu wählen. Ziehen Sie Elemente per Drag & Drop, um sie neu anzuordnen, oder klicken Sie auf das kleine Augen-Icon, um sie ein-/auszublenden.

- Die Option Titel deaktivieren wird verwendet, um den Haupttitel der Blog-Seite auszublenden.

- Masonry aktivieren - Wenn Masonry aktiviert ist, werden die Elemente so angeordnet, dass die vertikalen Abstände zwischen ihnen minimiert werden. Im Gegensatz zum Standard-Grid mit festen Zeilenhöhen passen Masonry-Grids die Positionierung der Elemente dynamisch basierend auf ihrer Inhaltshöhe an.

Einzelner Beitrag (Artikel)

Allgemeine Optionen (gelten für alle Beiträge)

Navigieren Sie zu Darstellung > Anpassen > Blog > Einzelner Beitrag um auf die Optionen zuzugreifen:

- Header-Layout ist die Haupteinstellung der Einzelbeitragsseite. Je nach gewählter Option (Normal oder Cover) sind zusätzliche dedizierte Optionen verfügbar.

- Die Elemente-Reihenfolge und Meta-Reihenfolge Optionen ermöglichen es Ihnen, ein bestimmtes Layout für die Elemente der Einzelbeitragsseite zu wählen. Ziehen Sie Elemente per Drag & Drop, um sie neu anzuordnen, oder klicken Sie auf das kleine Augen-Icon, um sie ein-/auszublenden.

Individuelle Optionen (gelten für einen bestimmten Beitrag)

Bei Bedarf kann jeder Beitrag sein eigenes Layout haben, das die zuvor festgelegten allgemeinen Optionen überschreibt. Um dies zu erreichen, klicken Sie auf das Neve-Icon von der Einzelbeitragsseite, wodurch ein neues Panel mit Optionen geöffnet wird.

Einzelne Seite

Allgemeine Optionen (gelten für alle Seiten)

Navigieren Sie zu Darstellung > Anpassen > Global > Seite um auf die Optionen zuzugreifen, die auf allen einzelnen Seiten gelten.

Hinweis: Die Optionen gelten nur für Seiten, die die Standard-Vorlage verwenden. Für andere Seitenvorlagen können einige/alle Optionen nicht gelten.

Header-Layout ist die Haupteinstellung. Je nach gewählter Option (Normal oder Cover) sind zusätzliche dedizierte Optionen verfügbar.

Individuelle Optionen (gelten für eine bestimmte Seite)

Bei Bedarf kann jede Seite ihr eigenes Layout haben, das die zuvor festgelegten allgemeinen Optionen überschreibt. Um dies zu erreichen, klicken Sie auf das Neve-Icon von der einzelnen Seite, wodurch ein neues Panel mit Optionen geöffnet wird.

WooCommerce

Neve ist mit dem WooCommerce Plugin kompatibel und kann verwendet werden, um eine gut aussehende E-Commerce-Website zu erstellen. Sie können sogar eine unserer dedizierten Starter-Sites für E-Commerce ausprobieren.

Sobald WooCommerce installiert und aktiviert ist, navigieren Sie zu Darstellung > Anpassen > WooCommerce wo alle Neve-bezogenen Optionen zu finden sind.

Neben den allgemeinen Optionen hat jedes Produkt seine eigenen dedizierten Optionen (für Seitenleiste, Inhaltsbreite, Header und Footer aktivieren/deaktivieren), im Produkt-Editor. Wenn verwendet, überschreiben diese Optionen die aus dem Anpassen-Bereich.

Benötigen Sie erweiterte Optionen für Ihre E-Commerce-Website? Schauen Sie sich alle Optionen an, die im WooCommerce Booster Modul von Neve PRO verfügbar sind.

🎥 Video - Wie erstelle ich eine WordPress-Website für Anfänger?