CW Control & Watch
Redaktions-Schnellstart für alle CW-Projekte
CW · Control & Watch

Inhalte sicher bearbeiten.
Ohne die Website umzubauen.

Diese kurze Anleitung zeigt die Dinge, die im Alltag am wichtigsten sind: normalen Seiten-Content bearbeiten, OffContent wie Hinweise, Aktionen oder zeitgesteuerte Meldungen verwalten und Bilder sauber austauschen.

Content bearbeiten OffContent bearbeiten
Screenshot hier einsetzen Backend nach dem Login

Zeige Dashboard oder Startansicht nach der Anmeldung, damit Redakteure sofort wissen, wo sie landen.

screenshots/01-dashboard.webp
Empfohlener Screenshot: Dashboard / Startansicht
Screenshot hier einsetzen Bereiche im Hauptmenü

Zeige die wichtigsten Ziele wie Website, OffContent und Medienverwaltung im Backend-Menü.

screenshots/02-navigation.webp
Empfohlener Screenshot: Hauptnavigation im Backend
Die ersten 5 Minuten

So funktioniert die Redaktion in CW.

1

Anmelden

Im Browser /admin/ öffnen und mit dem eigenen CW-Zugang anmelden.

2

Bereich wählen

Für normale Seiteninhalte zu Website → Seiten & Code. Für zeitgesteuerte Hinweise zu OffContent → Blöcke. Für Bilder zur Medienverwaltung.

3

Ändern & prüfen

Nur die benötigten Inhalte ändern. Wenn vorhanden, zuerst die Vorschau verwenden.

4

Speichern

Speichern und die öffentliche Seite anschließend in einem zweiten Browser-Tab kontrollieren.

01 · Normaler Seiteninhalt

Content auf einer Seite bearbeiten.

Eine CW-Seite besteht aus einzelnen Bereichen. Dadurch muss für eine kleine Textänderung nicht die komplette Seite bearbeitet werden.

01

Gewünschte Seite öffnen

Im Backend unter Website → Seiten & Code die gewünschte Seite auswählen. Für die Startseite ist das beispielsweise die Seite Home / Startseite.

Website Seiten & Code → Startseite bearbeiten
02

Den richtigen Bereich auswählen

Eine Seite kann aus mehreren Bereichen bestehen, zum Beispiel Hero, Beratung, Sortiment, Marken oder Kontakt. Den Bereich auswählen, in dem der sichtbare Text oder das Bild liegt.

Bereich aktiv

Ist der Schalter deaktiviert, wird der komplette Bereich auf der Website nicht ausgegeben. Änderungen erst speichern und danach die Website kontrollieren.

03

Inhalt ändern – Gestaltung möglichst stehen lassen

In vielen Bereichen ist der Inhalt als PHP/HTML hinterlegt. Redakteure sollten dort bevorzugt nur klar markierte Texte, Bildpfade oder Werte ändern. Kommentare im Quelltext zeigen, welche Stellen dafür gedacht sind.

PHP / HTML Beispiel: redaktionell freigegebene Werte 
// Hier dürfen Texte geändert werden.
$inhalt = [
    'title' => 'Persönliche Schlafberatung.',
    'text'  => 'Wir nehmen uns Zeit für Sie.',
];
✓ Das ist normalerweise unkritisch
  • Text zwischen Anführungszeichen ändern
  • Überschriften und Beschreibungstexte anpassen
  • einen freigegebenen Bildpfad austauschen
  • einen Bereich aktivieren oder deaktivieren
× Nur mit technischem Hintergrund ändern
  • PHP-Zeichen wie <?php, =>, ;
  • HTML-Struktur und CSS-Klassen
  • CSS und JavaScript
  • technische Variablennamen
04

Vorschau, speichern, kontrollieren

Wenn eine Vorschau angeboten wird, zuerst dort prüfen. Danach speichern und die Website öffentlich aufrufen. Besonders auf Smartphone und Desktop kurz kontrollieren, ob der Text noch sauber umbricht.

Strg + S Speichern Strg + F Suchen F1 Editorhilfe
Screenshot hier einsetzen Seitenübersicht öffnen

Zeige Website → Seiten & Code mit der Auswahl typischer Seiten.

screenshots/03-seiten-uebersicht.webp
Empfohlener Screenshot: Seitenübersicht
Screenshot hier einsetzen Bereich oder Editor bearbeiten

Zeige einen typischen Seitenbereich oder den Editor mit klar erkennbaren redaktionellen Feldern.

screenshots/04-seiteneditor.webp
Empfohlener Screenshot: Bereich / Editor
02 · Temporäre Inhalte

OffContent: Urlaub, Hinweise und Aktionen.

OffContent ist für Inhalte gedacht, die nicht dauerhaft zu einer Seite gehören. Der Block wird einmal angelegt und kann an beliebigen Stellen per Shortcode eingebunden werden.

A

Aktiv / Inaktiv

Aktiv: Der Block darf ausgegeben werden. Inaktiv: Der Shortcode gibt nichts aus.

⏱

Terminierung

Optional festlegen, ab wann und bis wann der Block sichtbar sein soll.

▣

Darstellung

Je nach Einsatz als normaler Inline-Bereich, Modal, Banner oder Floating Box.

↗

Effekte

Einblendung beim Scrollen kann konfiguriert werden, ohne den Inhalt selbst umzubauen.

01

OffContent öffnen

Im CW-Backend OffContent → Blöcke öffnen und den gewünschten Block über Bearbeiten aufrufen.

02

Inhalte oben im PHP/HTML-Bereich pflegen

Viele OffContent-Blöcke sind so aufgebaut, dass die redaktionellen Daten am Anfang gesammelt stehen. Dort werden beispielsweise Zeitraum, Überschrift, Text oder Rückkehrdatum geändert.

Beispiel zeitgesteuerter Hinweis Nur die markierten Werte ändern 
$urlaub = [
  'title'       => 'Wir machen eine kleine Pause.',
  'start'       => '19. Oktober',
  'end'         => '31. Oktober 2026',
  'return_full' => 'Dienstag, 3. November 2026',
];
03

Aktivierung und Zeitraum festlegen

Block aktiv einschalten, wenn er grundsätzlich verwendet werden darf. Bei einer zeitlich begrenzten Meldung zusätzlich die Zeitsteuerung aktivieren und Start sowie Ende eintragen.

Aktiv Shortcode kann Inhalt ausgeben
Inaktiv Shortcode gibt nichts aus
04

Einbindung per Shortcode

Der Shortcode bleibt dauerhaft an der gewünschten Stelle der Seite. Ob dort tatsächlich etwas erscheint, entscheidet der OffContent-Block über Aktivierung und Terminierung.

[cw_offcontent slug="hinweis-startseite"]

Dadurch muss beim nächsten Urlaub nicht wieder die Startseite umgebaut werden: Daten im OffContent ändern, terminieren, aktivieren – fertig.

Screenshot hier einsetzen OffContent-Übersicht

Zeige die Liste vorhandener Blöcke mit Status, Bearbeiten-Aktion und eventuell Terminierung.

screenshots/05-offcontent-liste.webp
Empfohlener Screenshot: OffContent-Liste
Screenshot hier einsetzen OffContent bearbeiten

Zeige Aktiv-Status, Terminierung und den Bereich mit den redaktionellen Feldern.

screenshots/06-offcontent-bearbeiten.webp
Empfohlener Screenshot: OffContent bearbeiten
03 · Bilder & Medien

Bilder austauschen, ohne Pfade zu zerlegen.

Bilder werden zentral über die CW-Medienverwaltung gepflegt. Bestehende Bildauswahlen möglichst über den Medien-/Bildwähler ersetzen statt Dateipfade von Hand zu erfinden.

Screenshot hier einsetzen Medienverwaltung / Bildwähler

Zeige Upload, Bildauswahl oder den Austausch eines vorhandenen Bildes.

screenshots/07-medienverwaltung.webp
Empfohlener Screenshot: Medienverwaltung oder Bildwähler

Beim Bildwechsel kurz prüfen

  • Passt das neue Bild inhaltlich zum Bereich?
  • Ist der Bildausschnitt auf Smartphone und Desktop sinnvoll?
  • Ist ein sinnvoller Alternativtext hinterlegt?
  • Wurde nicht versehentlich ein bereits anderswo verwendetes Bild gelöscht?
04 · Sicher arbeiten

Vier Regeln, mit denen fast nichts schiefgeht.

Für normale redaktionelle Änderungen muss niemand den CW-Core oder das Template anfassen.

1Nur den gewünschten Bereich bearbeiten.Nicht nebenbei andere Bereiche „aufräumen“.
2Kommentare im Code beachten.„Redaktionelle Daten“ bedeutet: hier ändern. „Technische Ausgabe“ bedeutet: stehen lassen.
3Vorschau vor Veröffentlichung.Nach dem Speichern die echte Website zusätzlich prüfen.
4Bei Unsicherheit oder einem Fehler nicht weitermachen.Keine weiteren Änderungen oder Reparaturversuche durchführen. Zuständige technische Betreuung informieren.
Spickzettel

Welche Funktion nehme ich wofür?

Ich möchte … Wo? Wichtig
Text auf einer normalen Seite ändern Website → Seiten & Code richtigen Bereich wählen und nur den Inhalt ändern
einen ganzen Seitenbereich ausblenden Bereichseinstellungen Bereich aktiv deaktivieren
Hinweis, Aktion oder Meldung ändern OffContent → Blöcke redaktionelle Werte im PHP/HTML-Bereich ändern
Hinweis automatisch nur für einen Zeitraum zeigen OffContent → Terminierung Start und Ende eintragen
OffContent sofort ausblenden OffContent → Block aktiv deaktivieren; der Shortcode bleibt stehen und gibt nichts aus
Bild ersetzen Medienverwaltung / Bildwähler Bild auswählen statt Pfade zu erfinden
Für den Alltag reicht meistens: Seite oder OffContent öffnen → markierte Inhalte ändern → Vorschau → speichern → Website prüfen.
Jetzt ins Backend
In Zwischenablage kopiert.