# 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.\
\
\&#xNAN;*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.\
\
\&#xNAN;*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.*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/settings/eigener-code.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.