--- title: Seiten description: Seiten in CrispyCMS anlegen, bearbeiten, organisieren und veröffentlichen. navIcon: "📄" --- import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert" import { Badge } from "@/components/ui/badge" import { Icon } from "@/components/ui/icon" Seiten sind die Grundeinheit Ihrer Inhalte in CrispyCMS. Jede öffentliche URL Ihrer Website — von der Startseite über das Impressum bis hin zu einzelnen Leistungs- oder Themenseiten — wird im Menüpunkt **Redaktion → Seiten** verwaltet. Dieses Kapitel führt Sie durch die Seitenübersicht, die Erstellung neuer Seiten, den Editor für bestehende Inhalte sowie die erweiterten Eigenschaften. --- ## Die Seitenübersicht Der Menüpunkt **Redaktion → Seiten** öffnet die zentrale Übersicht aller Seiten Ihrer Website. Die Oberfläche teilt sich in zwei Bereiche: * **Linke Spalte — Kategorien:** Hier sehen Sie alle angelegten Kategorien Ihrer Website. Mit einem Klick auf eine Kategorie filtern Sie die Seitenliste rechts auf die Inhalte dieser Kategorie. Die Kategorie zeigt zusätzlich ihren URL-Pfad (z. B. `/spezial`), damit Sie die Struktur auf einen Blick erfassen. * **Rechte Spalte — Seiten:** Listet alle Seiten der aktuell ausgewählten Kategorie auf. Ohne Auswahl werden die Seiten der Hauptebene angezeigt. Über das Suchfeld am oberen Rand können Sie schnell nach Seiten suchen. Mit dem Button **+ Seite erstellen** oben rechts legen Sie eine neue Seite an. ![Seitenübersicht mit Kategorien links und Seitenliste rechts](../assets/img/redaktion/seiten-uebersicht.png) ### Die Seitenliste im Detail Die Tabelle der Seiten enthält die folgenden Spalten: | Spalte | Beschreibung | | :--- | :--- | | **Name** | Der sichtbare Titel der Seite, ergänzt durch ein Symbol für den Seitentyp (z. B. ein Haus für die Startseite, ein Globus für reguläre Seiten). | | **Vorlage** | Das zugewiesene Seiten-Template, das die Struktur und Darstellung im Frontend bestimmt. | | **Autor** | Das Avatar des Benutzers, der die Seite zuletzt bearbeitet hat. | | **Datum** | Wann die Seite zuletzt aktualisiert wurde (z. B. „vor 4 Wochen aktualisiert"). | | **Veröffentlicht am** | Wann die Seite veröffentlicht wurde. Das grüne Badge mit Globus-Symbol zeigt an, dass die Seite öffentlich erreichbar ist. | | **Aktionen** | Das Drei-Punkte-Menü am rechten Rand der Zeile öffnet die verfügbaren Aktionen für die Seite. | ### Aktionen pro Seite Über das Drei-Punkte-Menü (Hamburger-Menü) am rechten Rand jeder Zeile erreichen Sie drei Aktionen: ![Aktionsmenü mit den Optionen Ansehen, Bearbeiten und Verschieben](../assets/img/redaktion/seiten-aktionen.png) | Aktion | Beschreibung | | :--- | :--- | | **Ansehen** | Öffnet die Seite im Frontend in einem neuen Tab — ideal, um das veröffentlichte Ergebnis zu prüfen. | | **Bearbeiten** | Öffnet den Seiteneditor, in dem Sie Inhalt und Einstellungen ändern können. | | **Verschieben** | Verschiebt die Seite in eine andere Kategorie. Hilfreich, wenn sich Ihre Inhaltsstruktur ändert oder Seiten neu eingeordnet werden sollen. | Direkter Zugriff durch Klick auf den Namen Sie können den Seiteneditor auch direkt öffnen, indem Sie auf den Namen einer Seite in der Tabelle klicken. Der Umweg über das Aktionsmenü ist nicht zwingend nötig. --- ## Eine neue Seite erstellen Mit einem Klick auf **+ Seite erstellen** oben rechts in der Übersicht öffnet sich der Erstellungs-Dialog. ![Dialog Seite erstellen mit den Feldern Name und Vorlage](../assets/img/redaktion/seiten-erstellen.png) Für die Anlage einer neuen Seite genügen zwei Angaben: * **Name:** Der sichtbare Name der Seite, etwa „Über uns" oder „Leistungen". Der Name erscheint im Backend, im Browser-Tab-Titel und kann jederzeit nachträglich geändert werden. * **Vorlage:** Wählen Sie eine der verfügbaren Seiten-Vorlagen aus. Die Vorlage bestimmt das Layout und die Darstellung im Frontend. Welche Vorlagen verfügbar sind, hängt davon ab, was Ihr Administrator oder Entwickler im System angelegt hat. Eine Einführung in das Vorlagensystem finden Sie im Kapitel [Templates](/docs/templates/introduction). Mit einem Klick auf **Erstellen** wird die Seite angelegt und Sie werden direkt in den Editor weitergeleitet. Über **Schließen** brechen Sie den Vorgang ab. --- ## Der Seiteneditor Wenn Sie eine Seite öffnen — entweder direkt nach der Erstellung oder über **Bearbeiten** in der Übersicht — gelangen Sie in den Seiteneditor. Der Editor ist in zwei Bereiche unterteilt: links die inhaltlichen Eingaben, rechts eine Seitenleiste mit Metadaten und Einstellungen. ![Seiteneditor mit URL, Core Settings und der Eigenschaften-Spalte](../assets/img/redaktion/seiten-editor.png) ### Kopfzeile Am oberen Rand des Editors stehen Ihnen vier Aktionen zur Verfügung: | Aktion | Beschreibung | | :--- | :--- | | **Suchen** | Sucht innerhalb der Seite — nützlich bei langen Inhalten. | | **Verschieben** | Verschiebt die Seite in eine andere Kategorie, identisch zur gleichnamigen Aktion in der Übersicht. | | **Verlassen** | Schließt den Editor und kehrt zur Seitenübersicht zurück. Ungespeicherte Änderungen werden vorher als Entwurf gesichert. | | **Vorschau** | Öffnet eine Vorschau der Seite mit den aktuell gespeicherten Inhalten, ohne dass Sie veröffentlichen müssen. | ### URL Die vollständige öffentliche URL der Seite wird oben angezeigt (z. B. `https://simulare.de/leistungen`). Der Button **Öffnen** rechts daneben ruft die Seite im Frontend in einem neuen Tab auf — praktisch, um Änderungen direkt im Live-Kontext zu prüfen. ### Core Settings Im Bereich **Core Settings** finden Sie die grundlegenden Eigenschaften der Seite: | Feld | Beschreibung | | :--- | :--- | | **Name** | Der sichtbare Titel der Seite. Pflichtfeld. Erscheint sowohl im Backend als auch — abhängig von Ihrer Vorlage — auf der Seite selbst, z. B. als Überschrift oder im Browser-Titel. | | **Slug** | Der URL-Bestandteil, aus dem zusammen mit der Kategorie die finale URL gebildet wird. Beispiel: Ein Slug von `/leistungen` ergibt zusammen mit der Domain die URL `https://simulare.de/leistungen`. Pflichtfeld. | Slug-Änderungen beeinflussen externe Links Wenn Sie den Slug einer bereits veröffentlichten Seite ändern, ändert sich auch die URL der Seite. Externe Links — etwa aus Suchmaschinen, Social-Media-Profilen oder Lesezeichen — laufen anschließend ins Leere. Planen Sie Slug-Änderungen daher sorgfältig und richten Sie bei Bedarf Weiterleitungen ein. ### Seitenleiste — Stammdaten Rechts neben den Core Settings steht die Seitenleiste mit weiteren Stammdaten: * **ID:** Die eindeutige interne Kennung der Seite (z. B. `31052023`). Diese Nummer bleibt über die gesamte Lebensdauer der Seite bestehen, auch wenn Name, Slug oder Kategorie sich ändern. Sie wird in Plugins, Templates und beim Verlinken zwischen Seiten verwendet. * **Sichtbarkeit:** Steuert, wer die Seite sehen darf. Es stehen drei Stufen zur Auswahl: | Stufe | Bedeutung | | :--- | :--- | | **Öffentlich** | Die Seite ist für alle Besucher erreichbar und wird in Suchmaschinen und der Sitemap berücksichtigt. | | **Nicht gelistet** | Die Seite ist über ihre URL erreichbar, erscheint aber nicht in Übersichten, Navigationen oder der Sitemap. Nützlich für Inhalte, die nur per direktem Link geteilt werden sollen. | | **Privat** | Die Seite ist nur für angemeldete Benutzer mit entsprechenden Berechtigungen sichtbar. Besucher ohne Anmeldung erhalten eine Fehlerseite. | * **Cover Image:** Ein Beitragsbild, das je nach Vorlage als Vorschaubild, Header oder Open-Graph-Bild verwendet wird. Klicken Sie in die Box, um ein Bild aus der Medienbibliothek auszuwählen oder hochzuladen. * **Weitere Eigenschaften:** Öffnet ein zusätzliches Panel mit erweiterten Einstellungen — siehe nächster Abschnitt. --- ## Erweiterte Eigenschaften Über die Schaltfläche **Weitere Eigenschaften** öffnet sich eine Seitenleiste mit zusätzlichen Konfigurationsmöglichkeiten. ![Seitenleiste Eigenschaften mit Veröffentlichungsdatum, Vorlage und Spezialoptionen](../assets/img/redaktion/seiten-eigenschaften.png) ### Veröffentlichung & Vorlage | Feld | Beschreibung | | :--- | :--- | | **Veröffentlicht am** | Das Datum und die Uhrzeit, ab dem die Seite öffentlich erreichbar ist. Sie können hier einen Zeitpunkt in der Zukunft setzen, um eine Seite vorzubereiten und automatisch zu veröffentlichen, sobald der Termin erreicht ist. | | **Vorlage** | Die zugewiesene Seiten-Vorlage. Im Gegensatz zur Erstellung kann die Vorlage hier nachträglich gewechselt werden — z. B. wenn eine Seite in ein anderes Layout migriert werden soll. | ### Spezialoptionen Die Spezialoptionen geben einer Seite eine besondere Rolle innerhalb Ihrer Website. Pro Funktion kann jeweils nur eine Seite diese Rolle einnehmen. | Option | Beschreibung | | :--- | :--- | | **Als Startseite anzeigen** | Macht diese Seite zur Startseite Ihrer Website. Wird auf der Domain-Wurzel (z. B. `https://simulare.de/`) ausgeliefert. | | **404 Fallback-Seite** | Wird angezeigt, wenn ein Besucher eine nicht existierende URL aufruft. Hilfreich, um eine eigene gestaltete „Seite nicht gefunden"-Erfahrung zu bieten statt einer Standard-Fehlermeldung. | | **Kategorie-Startseite** | Macht diese Seite zur Übersichts- oder Einstiegsseite ihrer Kategorie. Wird ausgeliefert, wenn ein Besucher die Kategorie-URL ohne weiteren Pfad aufruft. | ### Ausschluss-Optionen | Option | Beschreibung | | :--- | :--- | | **Von der KI-Indizierung ausschließen** | Verhindert, dass die Seite in den internen Suchindex und in KI-gestützte Suchfunktionen aufgenommen wird. Nützlich für sensible oder selten relevante Inhalte. | | **Von der Sitemap ausschließen** | Entfernt die Seite aus der automatisch generierten `sitemap.xml`. Suchmaschinen werden über diese Seite damit nicht direkt informiert. | --- ## Inhalt — der WYSIWYG-Editor Unterhalb der Core Settings befindet sich der Inhaltsbereich. CrispyCMS verwendet **CKEditor 5** als WYSIWYG-Editor („What You See Is What You Get"). Sie schreiben Ihre Inhalte direkt im endgültigen Design und sehen sofort, wie Überschriften, Listen, Bilder und Tabellen wirken. Typische Funktionen des Editors: * Formatierung von Text (Fett, Kursiv, Unterstrichen, Durchgestrichen) * Überschriften der Ebenen 1 bis 6 * Auflistungen, Nummerierungen und Aufgabenlisten * Links, Bilder, Tabellen und eingebettete Medien * Code-Blöcke und Zitate * Rückgängig/Wiederholen über die Werkzeugleiste oder die Tastenkombination Automatische Entwurfsspeicherung Während Sie an einer Seite arbeiten, speichert CrispyCMS Ihre Änderungen automatisch als Entwurf. Sollte Ihr Browser abstürzen oder Sie sich versehentlich abmelden, finden Sie Ihre Arbeit beim nächsten Öffnen der Seite wieder vor. Veröffentlicht werden Entwürfe erst, wenn Sie aktiv **Speichern** klicken. --- ## Speichern, Verwerfen und Löschen Am unteren Rand des Editors finden Sie die zentralen Aktionen zur Verwaltung der Seite: | Aktion | Beschreibung | | :--- | :--- | | **Speichern** | Übernimmt alle Änderungen und veröffentlicht sie — sofern die Sichtbarkeit auf **Öffentlich** steht und das Veröffentlichungsdatum erreicht ist. | | **Entwurf verwerfen** | Setzt die Seite auf den zuletzt gespeicherten Stand zurück. Alle nicht gespeicherten Änderungen seit dem letzten **Speichern** gehen dabei verloren. | | **Löschen** | Löscht die Seite vollständig und unwiderruflich. Bestätigen Sie diese Aktion sorgfältig — gelöschte Seiten können nicht wiederhergestellt werden. | Löschen ist endgültig Eine gelöschte Seite wird sofort aus der Datenbank entfernt. Es gibt keinen Papierkorb und keine Wiederherstellung über die Oberfläche. Wenn Sie unsicher sind, ob eine Seite dauerhaft entfernt werden soll, setzen Sie sie stattdessen auf **Privat** oder **Nicht gelistet**, um sie zunächst aus der öffentlichen Sicht zu nehmen. --- ## Häufige Aufgaben im Überblick | Ziel | Vorgehen | | :--- | :--- | | Eine neue Seite anlegen | **Redaktion → Seiten → + Seite erstellen** | | Eine bestehende Seite ändern | In der Übersicht auf den Seitennamen klicken oder über das Drei-Punkte-Menü **Bearbeiten** wählen | | Eine Seite in eine andere Kategorie verschieben | Drei-Punkte-Menü → **Verschieben** oder im Editor oben → **Verschieben** | | Eine Seite zur Startseite machen | Editor → **Weitere Eigenschaften** → **Als Startseite anzeigen** aktivieren | | Eine Seite vorbereiten und später automatisch veröffentlichen | Editor → **Weitere Eigenschaften** → **Veröffentlicht am** auf ein zukünftiges Datum setzen | | Eine Seite vorübergehend aus der Sicht nehmen | Sichtbarkeit auf **Privat** oder **Nicht gelistet** setzen | | Eine Seite endgültig entfernen | Editor → **Löschen** (Vorsicht: unwiderruflich) |