# JPKCom Bootstrap 5 Dark Mode Switch — Anleitung & Tipps

> Dark-Mode-Umschalter für Bootstrap 5 per Shortcode in WordPress einbinden — Installation, Shortcode und Praxis-Tipps zu JPKCom Bootstrap 5 Dark Mode Switch.

Source: https://www.jpkc.com/db/guides/jpkcom-bs-dark-mode/

JPKCom Bootstrap 5 Dark Mode Switch stellt den Shortcode `[jpkcom-bs-dark-mode]` samt JavaScript bereit, mit dem du einen Dark-Mode-Umschalter für Bootstrap 5 in deine WordPress-Seite einbaust.

## Anleitung

### Voraussetzungen

- WordPress **6.9** oder neuer
- PHP **8.3** oder neuer

### Installation

1. Gehe im Admin-Bereich zu **Plugins → Installieren** und klicke auf **Plugin hochladen**.
2. Wähle die ZIP-Datei des Plugins und klicke auf **Jetzt installieren**.
3. Klicke auf **Aktivieren** — das Plugin wirkt sofort.

### Verwendung

Setze den Shortcode an der gewünschten Stelle in deinem Inhalt oder Template ein:

```text
[jpkcom-bs-dark-mode]
```

In PHP-Templates kannst du ihn über `do_shortcode()` ausgeben:

```php
<?php
echo do_shortcode( '[jpkcom-bs-dark-mode]' );
```

Mehr zu `do_shortcode()` findest du in der [WordPress-Funktionsreferenz](https://developer.wordpress.org/reference/functions/do_shortcode/).

## Tipps & Tricks

- **Bootstrap 5 vorausgesetzt:** Der Umschalter ist auf das Color-Mode-System von Bootstrap 5 ausgelegt — stelle sicher, dass dein Theme Bootstrap 5 lädt, damit der Dark Mode korrekt greift.
- **Im Template statt im Inhalt:** Soll der Schalter fest in Header oder Footer sitzen, binde ihn per `do_shortcode( '[jpkcom-bs-dark-mode]' )` direkt im Template ein, statt ihn in jeden Beitrag zu schreiben.
- **Reproduzierbare Updates:** Ab Version 2.0.3 nutzt das Plugin sichere, selbst gehostete Updates über GitHub mit SHA256-Prüfsummen und arbeitet mit `declare(strict_types=1)`.

## Weiterführende Informationen

- Quellcode auf GitHub: <https://github.com/JPKCom/jpkcom-bs-dark-mode>
- API-Dokumentation (PHPDoc): <https://jpkcom.github.io/jpkcom-bs-dark-mode/docs/>
- `do_shortcode()` in der WordPress-Referenz: <https://developer.wordpress.org/reference/functions/do_shortcode/>
- [Changelog dieses Projekts](https://www.jpkc.com/db/changelog/jpkcom-bs-dark-mode/)