Seitenverwaltung

Die Seitenverwaltung ist das Herzstück des CMS und ermöglicht die Erstellung und Bearbeitung von Webseiten.

Zugriff

• URL: /backend/pages
• Berechtigung: Rolle “pages” erforderlich

Seitenübersicht

Die Übersicht zeigt alle Seiten mit:

Spalte	Beschreibung
Status	Aktiv, Inaktiv oder Gesperrt
Titel	Seitentitel (mit Hierarchie-Einrückung)
URL	Link zur Frontend-Ansicht

Status-Icons

Icon	Bedeutung
Grünes Häkchen	Seite aktiv
Rotes Verbotszeichen	Seite inaktiv
Graues Schloss	Seite gesperrt

Suchfunktion

Die Suche durchsucht:

• Seitentitel
• Meta-Titel
• Meta-Keywords
• Meta-Beschreibung
• Seiteninhalte

Seite erstellen

1. Auf “New Page” klicken
2. Grunddaten eingeben:
   • Titel: Anzeigename der Seite
   • URL: Eindeutiger Pfad
   • Übergeordnete Seite: Optional für hierarchische Struktur
3. Speichern

Seite bearbeiten

Bearbeitungsmodi

Modus	Beschreibung	Aktion
Live Editing	Visueller Editor	”Live Editing” Button
Edit	Grid-basierte Bearbeitung	”Edit” Button
Modify	Seiteneinstellungen	”Modify” Button

Live Editing (Visueller Editor)

Der Live Editor ermöglicht die direkte Bearbeitung der Seite in einer WYSIWYG-Ansicht.

Funktionen

• Drag-and-Drop: Elemente per Maus verschieben
• Inline-Bearbeitung: Texte direkt im Layout bearbeiten
• Größenanpassung: Spaltenbreiten visuell anpassen
• Vorschau: Echtzeitvorschau der Änderungen

Grid-basierte Bearbeitung (Edit)

Der Edit-Modus verwendet das GridStack-Framework für ein responsives Rastersystem.

Seitenstruktur

Die Seite ist hierarchisch aufgebaut:

Seite
└── Container (c)
    └── Row (r)
        └── Item (i)

Inhaltstypen

Folgende Inhaltstypen stehen zur Verfügung:

Typ	Beschreibung
empty	Leerer Platzhalter
markdown	Markdown-formatierter Text
wysiwyg	WYSIWYG-Editor
plain	Unformatierter Text
video	Video-Einbindung
image	Einzelbild
slider	Bildergalerie als Slider
galleries	Galerie-Einbindung
map	Karteneinbindung
form	Kontaktformular
youtube	YouTube-Video
faq	FAQ-Akkordeon

CSS-Klassen

Für Container, Rows und Items können vordefinierte CSS-Klassen ausgewählt werden. Diese sind in der Datei classes.yaml definiert und können theme-spezifisch angepasst werden.

Responsive Spaltenbreiten

Für jedes Element können Spaltenbreiten pro Bildschirmgröße definiert werden:

Präfix	Bildschirmgröße
xs	Extra klein
sm	Klein
md	Mittel
lg	Groß
xl	Extra groß

Zusätzlich kann ein Element pro Bildschirmgröße ausgeblendet werden (hidden-xs, hidden-md, etc.).

Seiteneinstellungen (Modify)

Allgemeine Einstellungen

Feld	Beschreibung
Titel	Seitentitel
URL	URL-Pfad der Seite
Aktiv	Seitenstatus
Übergeordnete Seite	Elternseite für Hierarchie

SEO-Einstellungen

Feld	Beschreibung
Meta-Titel	Titel für Suchmaschinen
Meta-Keywords	Schlüsselwörter
Meta-Beschreibung	Beschreibung für Suchmaschinen

Erweiterte Einstellungen

Feld	Beschreibung
Custom Styles	Seitenspezifisches CSS
Custom Scripts	Seitenspezifisches JavaScript

Seite kopieren

1. In der Übersicht auf “Copy” klicken
2. Neuen Titel und URL eingeben
3. Kopie wird mit allen Inhalten erstellt

Seite löschen

1. In der Übersicht auf “Delete” klicken
2. Löschung bestätigen
3. Seite und alle Unterelemente werden entfernt

Templates

Seitenvorlagen können gespeichert und wiederverwendet werden:

• Template speichern: Aktuelle Seitenstruktur als Vorlage speichern
• Template anwenden: Vorlage auf neue oder bestehende Seite anwenden

Element kopieren

Einzelne Elemente können zwischen Seiten kopiert werden:

1. Element auswählen
2. “Element kopieren” wählen
3. Zielseite und Position auswählen