Wie verwende ich die zusätzliche CSS-Klasse einer Seite?

Im Bearbeitungsmodus einer Seite unter Content Manager > Alle Seiten kann im Tab Mehr eine zusätzliche CSS-Klasse definiert werden.

Auf diesen Wert kann später unter Administration > Layout > Theme Manager in der index.html Datei, einer erfassten Designvorlage mittels [[CSS_NAME]] Platzhalter, zurückgegriffen werden. Grundsätzlich können mit diesem Platzhalter frei definierbare Werte an die Designvorlage übergeben und weiter verwendet werden.

Im folgenden zeigen wir Ihnen zwei der am häufigsten eingesetzten Verwendungszwecke der zusätzlichen CSS-Klasse:

Inhaltsspezifische Headerbilder

Häufig werden Designvorlagen erstellt, welche im Kopfbereich über ein inhaltsspezifisches Bild verfügen. Verwenden Sie die CSS-Klasse, um den entsprechenden Bildnamen an die Vorlage zu übergeben:

<div id="eyecatcher">
	<img src="imagest/content/eyecatcher/[[CSS_NAME]]" alt="Eyecatcher" />
</div>

Inhaltsspezifische CSS-Definitionen

Weisen Sie einzelnen Inhaltsseiten eine zusätzliche CSS-Klasse zu, damit bei einer Designvorlage eigene Stylesheets verwendet werden können:

<link rel="stylesheet" type="text/css" href="themes/contrexx/[[CSS_NAME]]"/>