Schritt 2: CSS-Layout & -Klasse

Sollten Sie bei Ihrem Projekt bisher kein eigenes CSS-Layout im Administrator hinterlegt haben, so holen Sie dies nun mit folgenden Schritten nach:

1. Legen Sie ein neues Unterlayout "css_editor" innerhalb des Layouts an, welches der Startseite zugewiesen wird.

2. Fügen Sie den im vorherigen Schritt erzeugten HTML-Code dort ein.

3. Konfigurieren Sie die Pipeline des Layouts so, dass beim Aufruf des Layouts der Content-type "text/css" an den Browser übertragen wird. Berücksichtigen Sie auch die statischen HTML-Seiten, welche die Dateiendung .css für CSS-Dateien benötigen.

4. Gehen Sie in Ihrem Projekt im Administrator an die Stelle an der der <head>-Bereich steht. Ergänzen Sie dort einen <link> auf das neu eingefügte CSS-Layout:

Tragen Sie beim Attribut href diese URL ein: #INSERT_SP_CGI?kd=#INSERT_KD_ID&or=1&typ=css_main

5. Gehen Sie in Ihrem Projekt im Administrator an die Stelle an der Texte aus dem Editor ausgegeben werden. Ergänzen Sie hier im umgebenden HTML-Element die Klasse "editor". Beispiel:

<div class="editor">#INSERT_OR_VAR_de_text!</div>

6. Veröffentlichen Sie diese Änderungen und testen Sie die Darstellung in der Webseite.

Sollten Sie in Ihrem Projekt bereits ein eigenes CSS-Layout im Administrator hinterlegt haben, dann ergänzen Sie lediglich den in Schritt 1 erstellten CSS-Code ans Ende Ihres CSS-Layouts. Führen Sie danach Schritt 5 aus der oben stehenden Liste durch.

weiter