Dokumentation contentXXL CMS Version 5.3

Styles-Verwaltung

In der Styles-Verwaltung können Sie in contentXXL bereits vorhandene Cascading-Style-Sheets (CSS) verwalten oder neue anlegen. Sollten Sie bereits ein CSS als externe Datei vorliegen haben, können Sie diese als externe Stylesheetdatei registrieren oder in die Datenbank importieren.

Das CMS-System generiert dadurch (je nach Konfiguration) statische CSS-Dateien im Verzeichnisbaum (/portaldata/<portalid>/styles) oder erzeugt dynamische CSS-Daten aus der Datenbank (/css.aspx).

Der Vorteil ist eine Zentralisierung der Styles. Der Nutzen liegt klar auf der Hand: Styles werden nur an einer Stelle geändert.

Hinweis: Der Styles-Manager wurde mit Release 5.20 komplett neu implementiert.
Beim Upgrade bestehender Installationen auf Release 5.20 werden alle notwendigen Änderungen automatisch durchgeführt.

 

Folgende Bereiche werden durch das CMS vorgegeben (orange markiert):

  • Absatzformat  (entspricht dem früheren Bereich "Content Editor" im Absatzmodus), hier definierte Styles erscheinen im WYSIWYG-Editor in der entsprechenden Dropdownliste zur Formatierung auf Absatzebene
  • Zeichenformat  (entspricht dem früheren Bereich "Content Editor" im Zeichenmodus), hier definierte Styles erscheinen im WYSIWYG-Editor in der entsprechenden Dropdownliste zur Formatierung auf Zeichenebene
  • Objekttemplates (entspricht dem früheren Bereich "Template Editor"), gedacht für Styles in Objekttemplates
  • Seitentemplates (entspricht dem früheren Bereich "Layout"), gedacht für Styles in Seitentemplates
  • Druckansicht (entspricht der früheren Definition Druck im Bereich "Content Editor"), hier definierten Styles werden beim Druck herangezogen.

 

Bei den Bereichen handelt sich um eine logische Untergliederung, die die Verwaltung erleichtert bzw. Formatierungen im WYSIWYG-Editor bereitstellt, alle Styles landen beim Speichern in ein- und derselben Datei. Nur die unter "Druckansicht" registrierten Styles werden in einer eigenen Datei print.css (sofern statische CSS-Dateien aktiviert sind) zusammengefasst.

Abb.: Styles-Verwaltung (Versionierung aktiviert)

 

Durch Auswahl eines dieser Bereiche im Navigationsbaum können die dazugehörigen Styles in einem Editorfenster bearbeitet bzw. neue Styles angelegt werden. Beim Speichern wird die Datei styles.css neu generiert (sofern statische CSS-Dateien aktiviert sind).

Durch Klick auf den Button "Externes StyleSheet registrieren" öffnet sich folgende Eingabemaske:

Abb.: Registrierung eines externen Stylesheets

 

Hier kann ein Link auf beliebige existierende Stylesheet-Dateien hinterlegt werden. contentXXL erzeugt hierdurch im ausgelieferten HTML-Code einen Link auf  die referenzierte Datei. Ein gegebenenfalls unter "Media" eingetragene Wert wird als Media-Attribut ausgegeben:

<link href="http://partner.contentxxl.com/portaldata/1/styles/styles.css" type="text/css" rel="stylesheet"  media="all" />

Abb.: Registriertes externes Stylesheet

 

Nach dem Speichern erscheinen solche registrierten Stylesheet-Dateien in der Navigation schwarz markiert als eigener Bereich. Die Registrierung kann auch wieder gelöscht werden (im Gegensatz zu contentXXL-Bereichen).

Hinweis: Da es sich hierbei nur um einen Link  auf eine Stylesheet-Datei handel, unterliegen die hier definierten Styles naturgemäß nicht der Versionierung (sofern diese aktiviert sein sollte).

 

Es ist jedoch möglich, durch Klick auf den Button "Importieren" die registrierten Styles in contentXXL zu überführen. Es entsteht dadurch ein neuer, kundenspezifischer Bereich (blau markiert), der im Gegensatz zu den vom System vorgegebenen Bereichen gelöscht werden kann.
Ebenso kann ein solcher kundenspezifischer Bereich durch Klick auf die Schaltfläche "Neues Stylesheet" erzeugt werden.
 

Abb.: Kundenspezifischer Stylesheet (Versionierung aktiviert)

Arbeiten mit Versionierung: Bitte beachten Sie, dass ausgecheckte Styles bearbeitet werden können, ohne dass dies einen Effekt auf andere Benutzer hat. In diesem Fall rendert contentXXL für den jeweiligen Bearbeiter die Arbeitsversion, für alle anderen (anonym oder authentifiziert) die aktuell veröffentlichte Version. Damit können Styles einfach und ohne Risiko auch in einem Live-System editiert werden. Die Schaltfläche "Alle Versionen" ermöglicht einen Versionsvergleich.

Drag & Drop: Die Verlinkung externer Stylesheet-Dateien erfolgt im ausgelieferten HTML-Code in der gleichen Reihenfolge, wie sie in der Navigation im Styles-Manager angezeigt wird. Diese Reihenfolge kann durch Drag & Drop geändert werden.
Ebenso werden importierte Styles in der im Styles-Manager angezeigten Reihenfolge und vor den von contentXXL definierten Bereichen in die Datei styles.css (bzw. css.aspx) geschrieben. Auch diese Reihenfolge lässt sich durch Drag & Drop manipulieren.