Eigener Code

In den Einstellungen des Themes kannst Du zusätzlichen CSS Code und Javascript Code hinterlegen.

Anders als der Bereich Styling (Theme Konfiguration) werden die Einstellungen eines Themes immer im Eltern-Theme hinterlegt. Ein Child-Theme hat keinen eigenen Bereich mit Einstellungen (Plugin / App-Konfiguration).

Wo finde ich den Bereich "Einstellungen"?

CSS Code

Kleinere Anpassungen lassen sich in den Einstellungen des Themes hinterlegen. Neben der Verlinkung externer CSS Dateien kann auch CSS eingetragen werden.

Bei Verwendung eines Child-Themes:

Hierzu wird immer die Theme Einstellung des Eltern-Themes genutzt. Ein Child-Theme hat keine eigenen Einstellungen - jedoch eine Styling Konfiguration. Wo finde ich die Einstellungen? https://themedocs-sw6.zenit.design/#schritt-5-einstellungen-plugin-konfiguration

CSS Dateien (1)

<link href="https://.../style.css" rel="stylesheet">

CSS Code (2)

body {
    background: #ffffff;
}

Es sind keine <style>-Tags zu setzen.

Javascript Code

Kleinere Anpassungen und Funktionen lassen sich in den Einstellungen des Themes hinterlegen. Dabei kannst Du zwischen dem Verlinken von externen Javascript Dateien und einbetten von Inline Javascript Code wählen.

Auch kannst Du zwischen der Einbindung im <Head/>-Bereich der Seite und dem Footer-Bereich wählen. Manche Anwendungen müssen in den <Head/>-Bereich eingebunden werden, andere Scripte wiederum sollten in den Footer um das Laden der Seite nicht zu verzögern.

Bei Verwendung eines Child-Themes:

Hierzu wird immer die Theme Einstellung des Eltern-Themes genutzt. Ein Child-Theme hat keine eigenen Einstellungen - jedoch eine Styling Konfiguration. Wo finde ich die Einstellungen? https://themedocs-sw6.zenit.design/#schritt-5-einstellungen-plugin-konfiguration

Head Javascript-Dateien (1)

<script src="https://.../javascript.js"></script>

Head javascript Code (2)

// JavaScript Code
console.log('Hello World');

Es sind keine <script>-Tags zu setzen.

Footer Javascript-Dateien (3)

<script src="https://.../javascript.js"></script>

Footer javascript Code (4)

// JavaScript Code
console.log('Hello World');

Es sind keine <script>-Tags zu setzen.