> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/settings/eigener-code.md).

# Eigener Code

{% hint style="info" %}
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"?**](/readme.md#schritt-5-einstellungen-plugin-app-konfiguration)
{% endhint %}

## CSS Code

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

{% hint style="info" %}
**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>*
{% endhint %}

<figure><img src="/files/F4BzwLk8XoTXoWRs6zLr" alt=""><figcaption></figcaption></figure>

### CSS Dateien (1)

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

### CSS Code (2)

```css
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.

{% hint style="info" %}
**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>*
{% endhint %}

<figure><img src="/files/Qdbq7qmCFIEPeSj9XgXS" alt=""><figcaption></figcaption></figure>

### Head Javascript-Dateien (1)

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

### Head javascript Code (2)

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

*Es sind keine \<script>-Tags zu setzen.*

### Footer Javascript-Dateien (3)

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

### Footer javascript Code (4)

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

```

*Es sind keine \<script>-Tags zu setzen.*