Neve Dokumentation
Neve ist ein superschnelles, einfach anpassbares, barrierefreies und vielseitiges Theme. Es eignet sich perfekt für Blogs, kleine Unternehmen, Startups, Agenturen, Firmen, E-Commerce-Shops, persönliche Portfolios und die meisten Arten von Projekten. Neve ermöglicht es Ihnen, ein Netzwerk mit mehreren Subdomains oder Unterverzeichnissen auf Ihrer Website zu erstellen. Dies kann für Bildungszwecke (z.B. Testinstanzen), die Verwaltung von Kundenseiten und den Aufbau eines persönlichen Geschäftsnetzwerks hilfreich sein.
📝 Hinweis: Aufregende Neuigkeiten! Wir bieten eine Demo für Neve PRO an, damit Sie die Pro-Funktionen erkunden können, bevor Sie sich entscheiden. Nehmen Sie sich die Zeit, es auszuprobieren, und sehen Sie, ob es perfekt zu Ihren Bedürfnissen passt. Sehen Sie sich die Premium-Websites hier an.
Kompatibilität
Obwohl es leichtgewichtig und mit einem minimalistischen Design ausgestattet ist, ist das Theme erweiterbar und hat einen hochgradig SEO-optimierten Code, was zu Top-Platzierungen in den Google-Suchergebnissen führt. Neve funktioniert perfekt mit jedem Editor, von WordPress bis zu Page Buildern wie Elementor, Brizy, Beaver und anderen. Neve ist außerdem WooCommerce-kompatibel, responsiv, RTL & übersetzbar sowie AMP-bereit. Sehen Sie sich die Liste der kompatiblen Produkte für Neve an.
📩 Neve herunterladen und installieren
- 1
- Navigieren Sie zu Design > Themes.
- 2
- Klicken Sie auf Neu hinzufügen und suchen Sie nach Neve.
- 3
- Sobald es erscheint, klicken Sie auf Installieren und dann Aktivieren.
📝 Hinweis: Diese Anweisungen gelten nur für Neve. Um das gekaufte Neve Pro zu installieren, befolgen Sie bitte diese Anleitung.
⚙️ Neve-Optionen
Navigieren Sie zu Neve > Neve-Optionen > Neve Pro. Hier finden Sie die Dokumentation, Starter Sites, nützliche Plugin-Empfehlungen, die Hilfeseite, das Änderungsprotokoll und sogar den Übergang zur PRO-Version.
- Willkommen – enthält eine kurze Tour durch das Neve-Theme mit nützlichen Links für den Einstieg.
- Starter Sites – Demo-Inhalte, die es Ihnen ermöglichen, mit nur wenigen Klicks die perfekte Website zu erstellen – Dokumentation.
- Plugins – kompatible und empfohlene Plugins, die zusammen mit Neve Ihre Website aufwerten.
- Hilfe – nützliche Links zum Support-Team, Foren, zur Community und Dokumentation.
- Changelog – zeigt eine Liste der Änderungen mit jeder neuen Version.
🚀 Barrierefreiheit in Neve
Neve ist ein barrierefreies Theme, das die WordPress-Richtlinien zur Barrierefreiheit erfüllt:
- Responsives Design – Das Theme verfügt über responsive Steuerelemente (Desktop | Tablet | Mobil), um sich leicht an jede Art von Bildschirm anzupassen.
- Hoher Kontrast – Das hochkontrastreiche Farbschema ermöglicht es den Benutzern, Inhalte mühelos zu lesen.
- Barrierefreie Typografie – Die Vielzahl an Typografie-Optionen verbessert die Lesbarkeit und Barrierefreiheit für Benutzer.
- Barrierefreie Menüs – Die Menüs sind benutzerfreundlich gestaltet, mit der Möglichkeit, zu den entsprechenden Seitenbereichen zu scrollen und Mega-Menüs zu erstellen.
- Alt-Text für Bilder – Das Theme erlaubt Alt-Texte für Bilder, die Informationen für Benutzer und Suchmaschinen bereitstellen.
🖌 Customizer-Optionen
Da alle Inhalte Ihrer Website mit Page-Buildern oder dem WordPress-Editor anpassbar sind, wie oben erwähnt, kann alles andere zentral im Customizer von Neve angepasst werden.
Navigieren Sie zu Neve > Anpassen, wo Sie Optionen finden für:
Layout |
Header |
Footer |
WooCommerce |
Farben & Hintergrund |
Formularfelder |
Menüs |
Widgets |
Buttons |
Typografie |
Zusätzliches CSS |
Layout
Neve bietet mehrere Anpassungs- optionen für das Layout, die in verschiedene Bereiche unterteilt sind:
- Container – Passen Sie die responsive Container-Breite (in PX) und den vertikalen Inhalt-Abstand (in PX und VH) an, um die oberen und unteren Ränder des Inhalts zu konfigurieren. Außerdem können Sie den Containerstil für Blog/Archiv, Einzelbeiträge, Shop/Archiv und Einzelprodukte mit Optionen wie „Enthalten“ oder „Volle Breite“ anpassen.
- Inhalt/Seitenleiste – Zeigen Sie die Seitenleiste an (volle Breite/links/rechts) und passen Sie die Breite des Inhalts an. Mit der Option Erweiterte Einstellungen können Sie das Erscheinungsbild der Seitenleiste für bestimmte Bereiche Ihrer Website steuern.
Neben diesen beiden Bereichen finden Sie spezifische Anpassungen unter jedem Abschnitt der Website:
- Blog/Archiv
- Einzelbeitrag
- Seite
- Homepage-Einstellungen – Hier können Sie festlegen, was auf der Startseite angezeigt werden soll (eine statische Seite Ihrer Wahl oder die neuesten Beiträge) und die Beitragsseite auswählen.
📝 Hinweis: Die Customizer-Option legt die Standardposition der Seitenleiste für verschiedene Seitentypen fest. Wenn Sie eine bestimmte Seite bearbeiten, kann der im Customizer festgelegte Wert überschrieben werden.
📝 Hinweis: Nutzen Sie die erweiterten Funktionen wie das Kopfzeilenlayout, Autorenbox und Infinite Scroll für einzelne Beiträge mit Neve Pro, das Sie auf dieser Seite erhalten können.
Header
Neve verfügt über einen neuen vielseitigen Builder für die Kopfzeilenbereiche Ihrer Website. Mit nur wenigen Klicks können Sie die perfekte Kopfzeile erstellen.
Der Header-Builder hat drei Zeilen (Oben | Hauptbereich | Unten), in denen Sie ganz einfach Komponenten auswählen und anordnen können, indem Sie mit der Maus über die Bereiche der Zeilen fahren.
Sie können auch die Mobile Sidebar anpassen, indem Sie auf die entsprechende Komponente unter der Kopfzeile klicken.
📝 Hinweis: Erfahren Sie mehr über die Mobile Sidebar in diesem Dokument.
Es stehen mehrere Voreinstellungen zur Auswahl, die Ihre Arbeit erleichtern. Gehen Sie dazu zu Kopfzeile > Header-Voreinstellungen.
📝 Hinweis: Für mehr Details zum Neve Header-Builder lesen Sie dieses Dokument.
📝 Hinweis: Erweitern Sie Ihre Möglichkeiten mit Sticky- und bedingten Headern, Breadcrumbs, Social Icons und weiteren Komponenten mithilfe des Neve Pro Header Booster-Moduls. Erhältlich hier.
Footer
Neve enthält einen flexiblen Builder für den Footer-Bereich Ihrer Website, der es Ihnen ermöglicht, das Layout einfach und ohne großen Aufwand zu gestalten.
Ähnlich wie beim Header-Builder verfügt der Footer-Builder über drei Zeilen (Oben | Hauptbereich | Unten), in denen Sie Komponenten auswählen und anordnen können, indem Sie mit der Maus über die Bereiche fahren.
📝 Hinweis: Weitere Informationen zum Neve Footer-Builder finden Sie hier.
📝 Hinweis: Erkunden Sie erweiterte Optionen wie Sticky-Footer-Zeilen, Zahlungs-Icons, Social Icons und weitere Komponenten mit dem Neve Pro Header Booster-Modul. Verfügbar hier.
Farben & Hintergrund
Farben spielen eine äußerst wichtige Rolle im Website-Design. Mit der neuen „Global Colors“-Option in Neve können Sie ganz einfach eine einheitliche Farbpalette auf Ihrer Website erstellen.
Diese Optionen gelten standardmäßig für die gesamte Website, es sei denn, spezifische Optionen wurden für bestimmte Elemente festgelegt.
📝 Hinweis: Falls bestimmte Optionen auf einer Seite nicht angewendet werden, stellen Sie sicher, dass die Seite nicht mit Elementor oder einem anderen Page-Builder erstellt wurde. In diesem Fall müssen Sie die Seite direkt mit dem Page-Builder anpassen.
📝 Hinweis: Weitere Informationen zu den Global Colors in Neve finden Sie hier.
Typografie
In diesem Abschnitt erfahren Sie, wie Schriftarten in Neve funktionieren, wo sie geändert werden können und welche Typografie-Optionen verfügbar sind:
- Allgemein – Diese Optionen gelten für alle Texte auf der Website, außer für Überschriften (H1–H6).
- Überschriften – Spezielle Optionen für die Überschriften.
- Blog – Spezifische Einstellungen für die Blog-/Archivseiten und einzelne Beiträge.
Die Typografie-Optionen umfassen Texttransformation, Schriftgewicht, Schriftgröße, Zeilenhöhe, Buchstabenabstand und eine Fallback-Schriftart mit Schriftfamilie.
📝 Hinweis: Erhalten Sie mehr Kontrolle über Blog- und Shop-Seiten mit den erweiterten Neve-Typografie-Optionen.
Buttons
Um das globale Erscheinungsbild der Buttons anzupassen, verwenden Sie das Panel Buttons im Customizer:
- Allgemein – Einstellungen für das responsive Padding und die Button-Typografie.
- Primärer und Sekundärer Button – mit zwei Stilen für die Buttons: Gefüllt und Umrandet. Neben Farben gibt es auch Steuerungen für Rahmen.
Einige primäre Buttons sind: „In den Warenkorb legen“, „Warenkorb aktualisieren“ und „Zur Kasse gehen“, während sekundäre Buttons z.B. „Warenkorb anzeigen“, „Kommentar abgeben“ und „Gutschein anwenden“ umfassen.
📝 Hinweis: Die Buttons können auch individuell im Editor angepasst werden, einschließlich der Änderung von Text oder Erscheinungsbild. Weitere Informationen finden Sie hier.
📝 Hinweis: Die Buttons-Optionen im Neve-Customizer gelten für Buttons mit den folgenden CSS-Klassen: .button.button-primary und .button.button-secondary.
Formularfelder
Es gibt Optionen im Theme zur Gestaltung von Formularen, die durch spezielle Plugins wie WPForms Lite, Contact Form 7 oder Page Builder wie Elementor hinzugefügt werden können.
📝 Hinweis: Einige Plugins haben möglicherweise eigene Styling-Optionen, die die Theme-Einstellungen überschreiben können.
📝 Hinweis: Weitere Informationen zu Formularfeldern finden Sie hier.
Menüs
Einige der Starter-Sites von Neve enthalten eine One-Page-Scroll-Navigation. Das bedeutet, dass beim Klicken auf ein Element im Navigationsmenü zu einem bestimmten Abschnitt der aktuellen Seite gescrollt wird. Dies wird durch das Menu Anchor-Widget in Elementor (oder ähnlichen Widgets) erreicht, indem bestimmte IDs zu jedem Abschnitt hinzugefügt werden. Zum Verlinken auf einen Abschnitt müssen Sie die entsprechende ID verwenden, z.B. #about.
📝 Hinweis: Diese Methode eignet sich gut für eine einzelne Seite. Falls die Navigation auch auf anderen Seiten funktionieren soll, verwenden Sie den vollständigen Link Ihrer Website, z.B. https://demo.themeisle.com/hestia-pro/#about.
Die Optionen hier sind in zwei Bereiche unterteilt:
- Menüs – Hier werden die primären und sekundären Menüs angezeigt, mit der Möglichkeit, neue Menüs zu erstellen. Jeder Bereich enthält die Seiten, die dem Menü zugeordnet sind, mit der Option zum Neuanordnen oder Hinzufügen neuer Seiten.
- Menü-Positionen – Der Benutzer kann auswählen, welches Menü an welchem Ort angezeigt werden soll. Ein Menü kann nur an drei Positionen gleichzeitig angezeigt werden.
Es gibt auch eine Schaltfläche, mit der ein Menü gelöscht werden kann.
📝 Hinweis: Eine hilfreiche Anleitung zur Erstellung eines Mega-Menüs in Neve finden Sie hier.
Widgets
Widgets sind Blöcke oder Abschnitte, die Informationen anzeigen, wie z.B. die neuesten Beiträge, einen Kalender oder ein Kontaktformular. Diese können in den dafür vorgesehenen Bereichen eingefügt werden, die im Theme deklariert sind.
WooCommerce
Die kostenlose Version von Neve bietet nützliche Einstellungen für die Shop-Seiten. Diese Einstellungen sind nur sichtbar, wenn Sie das WooCommerce-Plugin verwenden.
📝 Hinweis: Mehr Informationen zu den Neve-Shop-Einstellungen finden Sie hier.
📝 Hinweis: Erweiterte Funktionen wie erweiterte Bewertungen, Multi-Announcement-Bars, Vergleichstabellen und andere Shop-Funktionen sind mit dem Neve Pro WooCommerce Booster-Modul verfügbar. Holen Sie es sich hier.
Zusätzliches CSS
Das Panel für Zusätzliches CSS enthält eine Reihe von Mini-Anweisungen, einige Links zur Dokumentation und ein Eingabefeld für benutzerdefinierten CSS-Code.
📝 Hinweis: Falls Sie Hilfe bei CSS benötigen, finden Sie hier eine Anleitung zum Schreiben von grundlegendem CSS.
🖇 Neve-Integrationen
Page Builder
Wenn Sie eines unserer Starter Sites verwenden, müssen Sie nach dem Import kleine Anpassungen an den Inhalten Ihrer Website vornehmen. Der Prozess variiert je nach gewähltem Page Builder.
📝 Hinweis: Für weitere Details zur Erstellung einer Landing Page mit Elementor sehen Sie sich dieses Dokument an.
Neve FSE
Neve ist vollständig kompatibel mit der Full Site Editing (FSE)-Umgebung, sodass Sie Ihre Website von Grund auf mit einem FSE-Theme erstellen können.
📝 Hinweis: Erfahren Sie mehr über Neve FSE hier.
Templates Cloud Library
Die Templates Cloud ist eine personalisierte Bibliothek, die mit Ihrem Lizenzschlüssel verknüpft ist. Seiten oder Beiträge, die mit Gutenberg, Elementor oder Beaver Builder erstellt wurden, können in dieser Bibliothek gespeichert und später wiederverwendet werden. Verwenden Sie denselben Lizenzschlüssel auf einer anderen Website, um darauf zuzugreifen.
📝 Hinweis: Weitere Informationen zur Templates Cloud Library finden Sie hier.
Neve übersetzen
Die Übersetzung von Neve kann mit einem der folgenden Plugins erfolgen:
- TranslatePress – Eine detaillierte Anleitung zur Verwendung dieses Plugins finden Sie hier.
- Polylang – Eine Anleitung zur Verwendung von Polylang mit Neve finden Sie hier.
- WPML – Eine spezielle Anleitung zur Verwendung von WPML finden Sie hier.
Child Theme
Child Themes ermöglichen es dem Benutzer, Änderungen am aktuellen Theme vorzunehmen, ohne das Risiko einzugehen, diese bei einem Theme-Update zu verlieren.
📝 Hinweis: Eine Anleitung zur Erstellung eines Child Themes für Neve finden Sie hier.
Breadcrumbs-Integration
Neve unterstützt standardmäßig Breadcrumbs auf den Shop-/Archivseiten (WooCommerce) und den Einzelproduktseiten. Es unterstützt außerdem die beliebtesten Plugins für Breadcrumbs wie Yoast SEO, Rank Math SEO, Breadcrumb NavXT und SEOPress.
📝 Hinweis: Weitere Informationen zu Breadcrumbs in Neve finden Sie hier.
📝 Hinweis: Möchten Sie benutzerdefinierte Breadcrumbs auf Shop-Seiten verwenden? Wenden Sie den Filter aus dem Kapitel „WooCommerce-Breadcrumbs ersetzen“ an.
Benutzerdefinierte Schriftarten
Benutzerdefinierte Schriftarten sind hilfreich, wenn Benutzer eine andere Schriftart verwenden möchten als die im Theme verfügbaren. Es gibt zwei Möglichkeiten, dies zu erreichen:
- Verwendung des dedizierten Moduls im Orbit Fox-Plugin – Anleitung
- Erstellen eines Child Themes – Anleitung
Kompatibilität mit AMP
Neve ist ein AMP-bereites Theme, das die Ladezeiten Ihrer Website verkürzt und für ein flüssigeres Erlebnis sorgt.
📝 Hinweis: Weitere Informationen zur AMP-Unterstützung in Neve finden Sie hier.
EDD-Integration
Das EDD (Easy Digital Downloads)-Plugin ist perfekt kompatibel mit dem Neve-Theme und kann verwendet werden, um eine E-Commerce-Website für den Verkauf digitaler Produkte zu erstellen.
📝 Hinweis: Weitere Informationen zur EDD-Integration in Neve finden Sie hier.