article

KIWI CORE CMS – TECHNISCHE DOKUMENTATION

Technische Dokumentation für Kiwi Core CMS – Symfony-basiertes CMS mit API Platform, Twig-Komponenten und automatisierter Deployment-Pipeline.

  • UI Design
  • UX Research
  • Development

Core Management System - Benutzerhandbuch

Inhaltsverzeichnis

  1. Erste Schritte
  2. Dashboard-Übersicht
  3. Seiten verwalten
  4. Komponenten-System
  5. Medien verwalten
  6. Benutzer & Rechte
  7. Formulare & Kontakte
  8. Statistik (extern)
  9. Einstellungen
  10. Wartung
  11. Problembehebung
  12. FAQ

Erste Schritte

Willkommen beim Core Management System

Das Core Management System ist ein benutzerfreundliches Content-Management-System, das speziell für Agenturen, Fotografen, Filmer und Restaurantbesitzer entwickelt wurde. Es ermöglicht Ihnen, professionelle Websites ohne technische Kenntnisse zu erstellen und zu verwalten.

Was Sie mit dem System machen können:

  • ✅ Professionelle Websites erstellen
  • ✅ Inhalte einfach bearbeiten
  • ✅ Bilder und Videos verwalten
  • ✅ Kontaktformulare einrichten
  • ✅ Formular-Eingänge und Kontakte verwalten
  • ✅ Mehrere Benutzer verwalten

Systemanforderungen

  • Browser: Chrome, Firefox, Safari, Edge (neueste Version)
  • Internet: Stabile Internetverbindung
  • Berechtigungen: Admin-Zugang zum System

Dashboard-Übersicht

Hauptmenü

Das Dashboard ist in folgende Bereiche unterteilt:

📊 Dashboard

  • Übersicht über alle wichtigen Kennzahlen
  • Letzte Aktivitäten
  • Schnellzugriff auf häufig genutzte Funktionen

📄 Seiten

  • Alle Seiten Ihrer Website verwalten
  • Neue Seiten erstellen
  • Bestehende Seiten bearbeiten

🧩 Komponenten

  • Bausteine für Ihre Website
  • Vorgefertigte Elemente (Text, Bilder, Videos)
  • Eigene Komponenten erstellen

📁 Medien

  • Bilder, Videos und Dokumente verwalten
  • Dateien hochladen und organisieren
  • Medien in Komponenten einbinden

👥 Benutzer

  • Benutzerkonten verwalten
  • Zugriffsberechtigungen vergeben
  • Passwörter zurücksetzen

ℹ️ Statistik / Messung

  • Für Besucherstatistiken kann z. B. ein externes Tool (Matomo, Plausible, Google Analytics o. Ä.) im Theme/Frontend eingebunden werden.
  • Das integrierte Analytics-/Session-Replay-Backend ist im Bundle entfernt.

Seiten verwalten

Neue Seite erstellen

Schritt 1: Seite anlegen

  1. Klicken Sie auf "Seiten" im Hauptmenü
  2. Klicken Sie auf "Neue Seite"
  3. Füllen Sie die Grunddaten aus:
    • Titel: Name der Seite (z.B. "Über uns")
    • URL-Slug: URL-Teil (z.B. "ueber-uns")
    • Template: Wählen Sie ein Design-Template
    • Status: Öffentlich oder Entwurf

Schritt 2: Inhalt hinzufügen

  1. Klicken Sie auf "Komponenten hinzufügen"
  2. Wählen Sie aus verfügbaren Komponenten:
    • Text-Komponente: Für Überschriften und Texte
    • Bild-Komponente: Für Bilder und Galerien
    • Video-Komponente: Für Videos
    • Kontakt-Komponente: Für Kontaktformulare

Schritt 3: Seite speichern

  1. Klicken Sie auf "Speichern"
  2. Die Seite wird automatisch veröffentlicht (falls "Öffentlich" ausgewählt)

Seite bearbeiten

Visueller Editor

  1. Öffnen Sie die gewünschte Seite
  2. Klicken Sie auf "Bearbeiten"
  3. Nutzen Sie den visuellen Editor:
    • Klicken Sie auf Texte zum Bearbeiten
    • Ziehen Sie Komponenten an neue Positionen
    • Doppelklicken Sie auf Bilder zum Austauschen

Komponenten hinzufügen

  1. Klicken Sie auf "+" zwischen bestehenden Komponenten
  2. Wählen Sie eine Komponente aus der Liste
  3. Füllen Sie die erforderlichen Felder aus
  4. Klicken Sie auf "Hinzufügen"

Seite löschen

⚠️ Achtung: Das Löschen einer Seite kann nicht rückgängig gemacht werden!

  1. Öffnen Sie die zu löschende Seite
  2. Klicken Sie auf "Einstellungen"
  3. Scrollen Sie nach unten zu "Gefahrenzone"
  4. Klicken Sie auf "Seite löschen"
  5. Bestätigen Sie die Löschung

Komponenten-System

Was sind Komponenten?

Komponenten sind wiederverwendbare Bausteine für Ihre Website. Sie können Texte, Bilder, Videos, Formulare und vieles mehr enthalten.

Verfügbare Komponenten-Typen

�� Text-Komponente

Verwendung: Überschriften, Texte, Beschreibungen

Einstellungen:

  • Titel: Überschrift der Komponente
  • Text: Hauptinhalt (mit Rich-Text-Editor)
  • Ausrichtung: Links, Zentriert, Rechts
  • Schriftgröße: Klein, Normal, Groß

Beispiel: Titel: "Willkommen bei unserer Agentur" Text: "Wir sind eine kreative Agentur mit über 10 Jahren Erfahrung..."

🖼️ Bild-Komponente

Verwendung: Einzelbilder, Bildergalerien, Logos

Einstellungen:

  • Bild: Datei hochladen oder aus Medienbibliothek wählen
  • Alt-Text: Beschreibung für Suchmaschinen
  • Größe: Klein, Mittel, Groß, Vollbreite
  • Ausrichtung: Links, Zentriert, Rechts

Tipps:

  • Verwenden Sie hochauflösende Bilder (mindestens 1200px Breite)
  • Optimieren Sie Bilder vor dem Hochladen
  • Fügen Sie aussagekräftige Alt-Texte hinzu

🎥 Video-Komponente

Verwendung: YouTube-Videos, Vimeo-Videos, eigene Videos

Einstellungen:

  • Video-URL: YouTube oder Vimeo Link
  • Titel: Beschreibung des Videos
  • Autoplay: Video automatisch abspielen
  • Größe: Klein, Mittel, Groß

Unterstützte Formate:

  • YouTube: https://www.youtube.com/watch?v=VIDEO_ID
  • Vimeo: https://vimeo.com/VIDEO_ID

�� Kontakt-Komponente

Verwendung: Kontaktformulare, Anfrage-Formulare

Einstellungen:

  • Titel: Überschrift des Formulars
  • Felder: Name, E-Mail, Telefon, Nachricht
  • E-Mail-Adresse: Wohin sollen Anfragen gesendet werden?
  • Bestätigungstext: Nachricht nach erfolgreicher Übermittlung

��️ Karte-Komponente

Verwendung: Google Maps Einbettung, Standort anzeigen

Einstellungen:

  • Adresse: Vollständige Adresse eingeben
  • Zoom-Stufe: 1-20 (1 = Welt, 20 = Straße)
  • Größe: Klein, Mittel, Groß

Komponenten bearbeiten

Schnellbearbeitung

  1. Klicken Sie auf eine Komponente
  2. Bearbeiten Sie den Inhalt direkt
  3. Speichern Sie die Änderungen

Erweiterte Bearbeitung

  1. Doppelklicken Sie auf eine Komponente
  2. Öffnen Sie die erweiterten Einstellungen
  3. Anpassen Sie alle verfügbaren Optionen
  4. Speichern Sie die Änderungen

Komponenten neu anordnen

  1. Klicken Sie auf eine Komponente
  2. Ziehen Sie sie an die gewünschte Position
  3. Lassen Sie sie los

Medien verwalten

Medien hochladen

Einzelne Datei

  1. Klicken Sie auf "Medien" im Hauptmenü
  2. Klicken Sie auf "Datei hochladen"
  3. Wählen Sie eine Datei aus
  4. Füllen Sie die Metadaten aus:
    • Titel: Beschreibender Name
    • Alt-Text: Für Suchmaschinen
    • Kategorien: Zur besseren Organisation
  5. Klicken Sie auf "Hochladen"

Mehrere Dateien

  1. Klicken Sie auf "Medien" im Hauptmenü
  2. Klicken Sie auf "Mehrere Dateien hochladen"
  3. Wählen Sie mehrere Dateien aus
  4. Ziehen Sie Dateien in den Upload-Bereich
  5. Klicken Sie auf "Alle hochladen"

Unterstützte Dateiformate

Bilder

  • Formate: JPG, PNG, GIF, WebP, SVG
  • Maximale Größe: 10 MB pro Datei
  • Empfohlene Auflösung: 1920x1080px

Videos

  • Formate: MP4, WebM, MOV
  • Maximale Größe: 100 MB pro Datei
  • Empfohlene Auflösung: 1920x1080px

Dokumente

  • Formate: PDF, DOC, DOCX, XLS, XLSX
  • Maximale Größe: 50 MB pro Datei

Medien organisieren

Kategorien erstellen

  1. Klicken Sie auf "Medien""Kategorien"
  2. Klicken Sie auf "Neue Kategorie"
  3. Name: Kategoriename (z.B. "Team-Fotos")
  4. Beschreibung: Optionale Beschreibung
  5. Klicken Sie auf "Erstellen"

Medien kategorisieren

  1. Wählen Sie ein oder mehrere Medien aus
  2. Klicken Sie auf "Aktionen""Kategorien zuweisen"
  3. Wählen Sie eine oder mehrere Kategorien
  4. Klicken Sie auf "Zuweisen"

Medien bearbeiten

Metadaten bearbeiten

  1. Klicken Sie auf ein Medium
  2. Bearbeiten Sie die Felder:
    • Titel
    • Alt-Text
    • Beschreibung
    • Kategorien
  3. Klicken Sie auf "Speichern"

Bildgrößen

Das System erstellt automatisch verschiedene Bildgrößen:

  • Thumbnail: 150x150px (Vorschaubilder)
  • Klein: 300x300px
  • Mittel: 600x600px
  • Groß: 1200x1200px
  • Original: Ursprüngliche Größe

Benutzer & Rechte

Benutzer erstellen

Schritt 1: Neuen Benutzer anlegen

  1. Klicken Sie auf "Benutzer" im Hauptmenü
  2. Klicken Sie auf "Neuen Benutzer erstellen"
  3. Füllen Sie die Grunddaten aus:
    • E-Mail: E-Mail-Adresse (wird als Benutzername verwendet)
    • Vorname: Vorname
    • Nachname: Nachname
    • Passwort: Sicheres Passwort
    • Rolle: Administrator oder Redakteur

Schritt 2: Berechtigungen vergeben

Administrator:

  • ✅ Alle Seiten bearbeiten
  • ✅ Benutzer verwalten
  • ✅ Systemeinstellungen ändern
  • ✅ Medien verwalten
  • ✅ Formular- und Kontaktübersicht nutzen

Redakteur:

  • ✅ Bestimmte Seiten bearbeiten
  • ✅ Medien hochladen
  • ✅ Eigene Inhalte verwalten
  • ❌ Keine Benutzerverwaltung
  • ❌ Keine Systemeinstellungen

Passwort zurücksetzen

  1. Klicken Sie auf "Benutzer" im Hauptmenü
  2. Suchen Sie den gewünschten Benutzer
  3. Klicken Sie auf "Passwort zurücksetzen"
  4. Bestätigen Sie die Aktion
  5. Der Benutzer erhält eine E-Mail mit Reset-Link

Benutzer bearbeiten

  1. Klicken Sie auf einen Benutzer
  2. Bearbeiten Sie die gewünschten Felder:
    • Persönliche Daten
    • E-Mail-Adresse
    • Rolle/Berechtigungen
  3. Klicken Sie auf "Speichern"

Benutzer deaktivieren

  1. Wählen Sie einen Benutzer aus
  2. Klicken Sie auf "Deaktivieren"
  3. Bestätigen Sie die Aktion
  4. Der Benutzer kann sich nicht mehr anmelden

Formulare & Kontakte

Kontaktformular erstellen

Schritt 1: Formular-Komponente hinzufügen

  1. Öffnen Sie eine Seite
  2. Fügen Sie eine Kontakt-Komponente hinzu
  3. Konfigurieren Sie das Formular:
    • Titel: "Kontaktieren Sie uns"
    • E-Mail-Adresse: Ihre E-Mail-Adresse
    • Felder: Name, E-Mail, Nachricht (Standard)

Schritt 2: Zusätzliche Felder hinzufügen

Verfügbare Feldtypen:

  • Text: Einzeiliger Text
  • Textarea: Mehrzeiliger Text
  • E-Mail: E-Mail-Adresse
  • Telefon: Telefonnummer
  • Auswahl: Dropdown-Menü
  • Checkbox: Ja/Nein-Frage
  • Datum: Datumsauswahl

Schritt 3: Formular testen

  1. Speichern Sie die Seite
  2. Besuchen Sie die Seite als Besucher
  3. Testen Sie das Formular
  4. Prüfen Sie, ob die E-Mail ankommt

Formular-Eingaben verwalten

Eingaben einsehen

  1. Klicken Sie auf "Formulare" im Hauptmenü
  2. Wählen Sie ein Formular aus
  3. Sehen Sie alle Eingaben in einer Tabelle

Eingaben exportieren

  1. Wählen Sie ein Formular aus
  2. Klicken Sie auf "Exportieren"
  3. Wählen Sie das Format:
    • Excel (.xlsx)
    • CSV (.csv)
    • PDF (.pdf)
  4. Klicken Sie auf "Herunterladen"

Eingaben löschen

⚠️ Achtung: Das Löschen von Eingaben kann nicht rückgängig gemacht werden!

  1. Wählen Sie eine oder mehrere Eingaben aus
  2. Klicken Sie auf "Löschen"
  3. Bestätigen Sie die Löschung

E-Mail-Benachrichtigungen

Automatische Benachrichtigungen

Das System sendet automatisch E-Mails bei:

  • ✅ Neuen Formular-Eingaben
  • ✅ Passwort-Reset-Anfragen
  • ✅ Neuen Benutzer-Registrierungen

E-Mail-Templates anpassen

  1. Klicken Sie auf "Einstellungen""E-Mails"
  2. Wählen Sie ein Template aus
  3. Bearbeiten Sie den Inhalt
  4. Testen Sie das Template
  5. Klicken Sie auf "Speichern"

Statistik extern

Das Bundle enthält kein eingebautes Analytics-Dashboard und kein serverseitiges Tracking mehr.

Empfehlung

  • Binden Sie ein externes Messsystem über Ihr Frontend-Template ein (ohne Bundle-Backend).
  • Planen Sie in der Host-Anwendung ggf. eine Datenbank-Migration zum Entfernen alter Analytics-Tabellen (sofern diese dort angelegt wurden).

Einstellungen

Website-Einstellungen

Allgemeine Informationen

  1. Klicken Sie auf "Einstellungen""Allgemein"
  2. Bearbeiten Sie:
    • Website-Name: Name Ihrer Website
    • Beschreibung: Kurze Beschreibung
    • Schlüsselwörter: Für Suchmaschinen
    • Logo: Website-Logo hochladen
    • Favicon: Browser-Symbol

Kontakt-Informationen

  1. Klicken Sie auf "Einstellungen""Kontakt"
  2. Fügen Sie hinzu:
    • E-Mail-Adresse: Haupt-E-Mail
    • Telefon: Telefonnummer
    • Adresse: Vollständige Adresse
    • Öffnungszeiten: Geschäftszeiten

E-Mail-Einstellungen

SMTP-Konfiguration

  1. Klicken Sie auf "Einstellungen""E-Mails"
  2. Konfigurieren Sie:
    • SMTP-Server: smtp.gmail.com
    • Port: 587
    • Benutzername: Ihre E-Mail-Adresse
    • Passwort: App-Passwort
    • Verschlüsselung: TLS

E-Mail-Templates

Verfügbare Templates:

  • Kontaktformular: Bestätigung bei neuen Anfragen
  • Passwort-Reset: E-Mail zum Zurücksetzen des Passworts
  • Willkommen: E-Mail für neue Benutzer

Sicherheitseinstellungen

Passwort-Richtlinien

  1. Klicken Sie auf "Einstellungen""Sicherheit"
  2. Konfigurieren Sie:
    • Mindestlänge: 8 Zeichen
    • Komplexität: Groß-/Kleinbuchstaben, Zahlen, Sonderzeichen
    • Ablauf: Passwort-Gültigkeitsdauer

Zwei-Faktor-Authentifizierung

  1. Aktivieren Sie 2FA für Administratoren
  2. Verwenden Sie eine Authenticator-App
  3. Speichern Sie Backup-Codes sicher

Wartung

Regelmäßige Aufgaben

Täglich

  • ✅ Neue Formular-Eingaben prüfen
  • ✅ E-Mails beantworten
  • ✅ System-Status überprüfen

Wöchentlich

  • ✅ Externe Statistik-/Messtools prüfen (falls genutzt)
  • ✅ Medien-Ordner aufräumen
  • ✅ Benutzer-Aktivitäten prüfen

Monatlich

  • ✅ Backups erstellen
  • ✅ System-Updates durchführen
  • ✅ Performance überprüfen
  • ✅ Sicherheits-Scans durchführen

Backups

Automatische Backups

Das System erstellt automatisch:

  • Tägliche Backups: Datenbank und Dateien
  • Wöchentliche Backups: Vollständige System-Sicherung
  • Monatliche Backups: Langzeit-Archivierung

Manuelle Backups

  1. Klicken Sie auf "Einstellungen""Backups"
  2. Klicken Sie auf "Backup erstellen"
  3. Warten Sie auf die Bestätigung
  4. Laden Sie das Backup herunter

Backup wiederherstellen

⚠️ Achtung: Das Wiederherstellen überschreibt alle aktuellen Daten!

  1. Klicken Sie auf "Einstellungen""Backups"
  2. Klicken Sie auf "Backup wiederherstellen"
  3. Wählen Sie eine Backup-Datei aus
  4. Bestätigen Sie die Wiederherstellung

System-Updates

Update-Prüfung

  1. Klicken Sie auf "Einstellungen""Updates"
  2. Prüfen Sie auf verfügbare Updates
  3. Lesen Sie die Update-Notizen
  4. Erstellen Sie ein Backup vor dem Update

Update durchführen

  1. Starten Sie das Update
  2. Warten Sie auf die Fertigstellung
  3. Testen Sie die Website nach dem Update
  4. Melden Sie Probleme an den Support

Performance-Optimierung

Bild-Optimierung

  • Komprimieren Sie Bilder vor dem Hochladen
  • Verwenden Sie WebP-Format wenn möglich
  • Reduzieren Sie die Dateigröße auf unter 1MB

Cache-Verwaltung

  1. Klicken Sie auf "Einstellungen""Performance"
  2. Klicken Sie auf "Cache leeren"
  3. Warten Sie auf die Fertigstellung

Problembehebung

Häufige Probleme

Problem: Seite lädt nicht

Mögliche Ursachen:

  • Internetverbindung prüfen
  • Browser-Cache leeren
  • Anderen Browser testen

Lösung:

  1. Aktualisieren Sie die Seite (F5)
  2. Leeren Sie den Browser-Cache
  3. Testen Sie in einem anderen Browser
  4. Kontaktieren Sie den Support

Problem: Bilder werden nicht angezeigt

Mögliche Ursachen:

  • Datei zu groß
  • Nicht unterstütztes Format
  • Upload-Fehler

Lösung:

  1. Prüfen Sie die Dateigröße (max. 10MB)
  2. Konvertieren Sie in unterstütztes Format
  3. Laden Sie die Datei erneut hoch
  4. Kontaktieren Sie den Support

Problem: Formular funktioniert nicht

Mögliche Ursachen:

  • E-Mail-Einstellungen falsch
  • Spam-Filter blockiert
  • JavaScript deaktiviert

Lösung:

  1. Prüfen Sie die E-Mail-Einstellungen
  2. Testen Sie mit einer anderen E-Mail-Adresse
  3. Aktivieren Sie JavaScript im Browser
  4. Kontaktieren Sie den Support

Problem: Anmeldung funktioniert nicht

Mögliche Ursachen:

  • Falsches Passwort
  • Account deaktiviert
  • Browser-Cookies deaktiviert

Lösung:

  1. Prüfen Sie E-Mail und Passwort
  2. Verwenden Sie "Passwort vergessen"
  3. Aktivieren Sie Cookies im Browser
  4. Kontaktieren Sie den Administrator

Support kontaktieren

Vor dem Support-Kontakt

Sammeln Sie folgende Informationen:

  • Problem: Detaillierte Beschreibung
  • Schritte: Was haben Sie versucht?
  • Screenshot: Bild des Problems
  • Browser: Welchen Browser verwenden Sie?
  • Zeitpunkt: Wann ist das Problem aufgetreten?

Support-Kanäle

  • E-Mail: support@coretecs.com
  • Telefon: +49 123 456789 (Mo-Fr 9-17 Uhr)
  • Chat: Live-Chat auf der Website
  • Ticket-System: Support-Ticket erstellen

FAQ

Allgemeine Fragen

Q: Kann ich mehrere Websites mit einem Account verwalten?

A: Ja, Sie können mehrere Websites in einem Account verwalten. Jede Website hat ihre eigenen Seiten, Medien und Einstellungen.

Q: Wie kann ich meine Website für Suchmaschinen optimieren?

A:

  • Verwenden Sie aussagekräftige Seitentitel
  • Fügen Sie Alt-Texte zu Bildern hinzu
  • Erstellen Sie eine Sitemap
  • Verwenden Sie Meta-Beschreibungen
  • Optimieren Sie die Ladezeiten

Q: Kann ich meine Website auf einem anderen Server hosten?

A: Ja, das System ist flexibel und kann auf verschiedenen Servern installiert werden. Kontaktieren Sie uns für die Migration.

Q: Wie sicher sind meine Daten?

A:

  • Regelmäßige Backups
  • SSL-Verschlüsselung
  • Sichere Passwort-Richtlinien
  • Zwei-Faktor-Authentifizierung
  • DSGVO-konforme Datenspeicherung

Technische Fragen

Q: Welche Browser werden unterstützt?

A:

  • Chrome (neueste Version)
  • Firefox (neueste Version)
  • Safari (neueste Version)
  • Edge (neueste Version)

Q: Kann ich eigene Designs verwenden?

A: Ja, Sie können eigene Templates erstellen. Kontaktieren Sie uns für die Entwicklung individueller Designs.

Q: Wie schnell lädt meine Website?

A: Die Ladezeit hängt von verschiedenen Faktoren ab:

  • Bildgrößen optimieren
  • Anzahl der Komponenten reduzieren
  • Cache aktivieren
  • CDN verwenden

Q: Kann ich die Website offline bearbeiten?

A: Nein, das System benötigt eine Internetverbindung für die Bearbeitung. Sie können jedoch Inhalte offline vorbereiten.

Geschäftliche Fragen

Q: Wie viel kostet das System?

A: Kontaktieren Sie uns für aktuelle Preise und Pakete. Wir bieten verschiedene Tarife je nach Ihren Anforderungen.

Q: Gibt es eine kostenlose Testversion?

A: Ja, Sie können das System 30 Tage kostenlos testen. Alle Funktionen sind verfügbar.

Q: Kann ich das System erweitern?

A: Ja, wir bieten individuelle Anpassungen und Erweiterungen. Sprechen Sie mit uns über Ihre Anforderungen.

Q: Gibt es Schulungen für das System?

A: Ja, wir bieten:

  • Online-Schulungen
  • Video-Tutorials
  • Persönliche Einweisungen
  • Dokumentation

Version: 1.0.0
Letzte Aktualisierung: 2024
Support: support@coretecs.com
Website: https://coretecs.com