Willkommen im umfassenden Leitfaden für Stella AI. Dieses Dokument enthält detaillierte Anweisungen zu installierten Funktionen, Anpassungsoptionen und der vollständigen Menüstruktur sowohl für das kostenlose Theme als auch für das Premium Pro-Plugin.

1. Installation & Einrichtung

Theme-Installation (Kostenlos)

Gehen Sie zu Design > Themes > Hinzufügen.
Laden Sie stella-ai.zip hoch und klicken Sie auf Jetzt installieren.
Aktivieren Sie das Theme.

Pro-Plugin-Installation (Premium)

Gehen Sie zu Plugins > Installieren > Plugin hochladen.
Wählen Sie stella-ai-pro.zip aus und klicken Sie auf Jetzt installieren.
Aktivieren Sie das Plugin.

2. Kernfunktionen des Themes (Kostenlos)

Alle Haupteinstellungen finden Sie unter Design > Customizer > Startseite.

🔹 Hero-Bereich

Der erste Eindruck Ihrer Landingpage.

Einstellungen: Bereich aktivieren/deaktivieren, Titel, Untertitel.
CTAs: Primärer Button (Text & Link), Sekundärer Button (Text & Link).

🔹 Features-Bereich (Funktionen)

Präsentieren Sie, was Ihr Produkt kann.

Einstellungen: Bereich aktivieren/deaktivieren, Titel, Untertitel.
Elemente: Bis zu 6 Feature-Cards (Icon/Emoji, Titel, Beschreibung).

🔹 Preis-Bereich

Flexible Preisgestaltung für Ihr SaaS.

Einstellungen: Bereich aktivieren/deaktivieren, Titel, Untertitel.
Tarife: Bis zu 3 Tarife. Jeder Tarif enthält:
- Tarifname, monatlicher Preis, Zeitraum (z.B. /Mon.).
- Tagline, Features (eines pro Zeile).
- CTA-Button (Text & Link).
- Hervorhebung: Schalter, um den Tarif als „Empfohlen“ hervorzuheben.

🔹 Testimonials-Bereich (Kundenstimmen)

Bauen Sie Vertrauen durch Social Proof auf.

Einstellungen: Bereich aktivieren/deaktivieren, Titel, Untertitel.
Elemente: 3 Testimonial-Cards (Zitat, Name des Autors, Rolle/Unternehmen, Initialen).

🔹 Blog-Bereich (Startseite)

Halten Sie Ihre Nutzer auf dem Laufenden.

Einstellungen: Bereich aktivieren/deaktivieren, Titel, Untertitel.
Logik: Anzahl der Beiträge wählen (1–12) und Text für den „Alle anzeigen“-Button.

3. Premium Pro Funktionen (Upgrade)

Die Aktivierung von Stella AI Pro schaltet das Stella AI Pro Panel im Customizer mit ultra-feiner Steuerung frei.

🌟 Layout & Allgemeines

Header-Layout: Wechseln Sie zwischen Standard, Zentriert oder Transparentes Overlay.
Sticky Header: Das Menü bleibt beim Scrollen sichtbar mit anpassbarer Sticky-Hintergrundfarbe.
Dark Mode: Globaler Schalter, um eine hochwertige dunkle Ästhetik zu erzwingen.
Site-Branding: Ändern Sie die globale Akzentfarbe, Sekundärfarbe und Hintergrundfarbe.
Utilities: Aktivieren/Deaktivieren Sie den Preloader und den Back-to-Top-Button.

🌟 Erweiterte Typografie

Google Fonts Integration: Wählen Sie unabhängig voneinander professionelle Schriftarten (Inter, Outfit, Roboto, etc.) für Überschriften und Fließtext.

🌟 Pro-Preisoptionen

Monatlich/Jährlich Umschalter: Fügt einen professionellen Schalter zu Ihrem Preisbereich hinzu.
Jährliche Preise: Fügt jedem Tarif ein spezifisches Feld für den „Jahrespreis“ hinzu.
Auto-Rabatt: Legen Sie einen globalen Rabatt-Prozentsatz und einen benutzerdefinierten Badge-Text fest (z.B. „25 % sparen“).

🌟 Intelligenter Menü-Editor

Menü-Überschreibung: Ersetzen Sie das Standard-WordPress-Menü durch einen sortierbaren, ultraschnellen JSON-Editor.
Styling: Benutzerdefinierte Farben, Hover-Zustände, Schriftgewicht und Schriftgröße für Menüpunkte.

🌟 Neuordnung der Bereiche

Drag & Drop: Eine einfache Schnittstelle, um Ihre Homepage-Bereiche (Hero, Preise, FAQ usw.) in beliebiger Reihenfolge anzuordnen.

🌟 Pro-Bereiche (Neue Inhalte)

FAQ-Bereich: Dynamischer Q&A-Bereich mit ausklappbaren Inhalten.
Kundenlogos: Ein professionelles, automatisch scrollendes Karussell für Markenlogos.

🌟 Dynamisches Bereichs-Design

Jeder Homepage-Bereich hat nun sein eigenes Styling-Panel:

Hintergründe: Wählen Sie zwischen Volltonfarben oder CSS-Gradienten.
Detaillierte Steuerung: Ändern Sie Farben für Titel, Untertitel, CTA-Buttons (Normal/Hover) und Card-Rahmen speziell für diesen Bereich.

🌟 Seiten & Beiträge

Meta-Steuerung: Beitragsdatum, Kategorie und Autor ein- oder ausblenden.
Layout: Legen Sie eine benutzerdefinierte maximale Inhaltsbreite fest (600px–1200px).
Pro-Header: Benutzerdefinierte Hintergrund- und Textfarben für individuelle Beitrags-Header.

4. Admin-Tools

Über Stella AI

Zu finden unter Design > Stella AI Info. Diese Seite bietet schnelle Links zur Dokumentation, Customizer-Einstellungen und eine Statusübersicht Ihrer Pro-Funktionen.

Benutzerdefinierte Skripte (Pro)

Zu finden unter Pro Panel > Custom Scripts.

Benutzerdefiniertes CSS: Fügen Sie website-weite CSS-Überschreibungen hinzu.
Header/Footer JS: Fügen Sie sicher Google Analytics, Facebook Pixel oder benutzerdefinierte Skripte hinzu, ohne Theme-Dateien zu bearbeiten.

White Labeling

Entfernen Sie „By Maria Stella Tech“ und ersetzen Sie es durch Ihren eigenen Footer-Credit für ein vollständig markenneutrales Erlebnis.

Vielen Dank, dass Sie sich für Stella AI entschieden haben! Bitte kontaktieren Sie uns, falls Sie Fragen haben.