JPKCom DB
Auf GitHub ansehen

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.

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:

[jpkcom-bs-dark-mode]

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

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

Mehr zu do_shortcode() findest du in der WordPress-Funktionsreferenz.

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