Kostenlos · Open Source
WordPress-Plugin · kennzeichnet Test- und Staging-Seiten
Wer an einer Testseite und der echten Website parallel arbeitet, kennt den Moment: Man ändert etwas, speichert und merkt zwei Klicks später, dass man im falschen Backend war. Das Staging Banner blendet auf der Testumgebung einen gut sichtbaren Balken ein. So weißt du auf einen Blick, wo du gerade bist.
Schlank gebaut: eine Einstellungsseite, eine einzige Option in der Datenbank, keine Verbindung nach draußen. Hochladen, aktivieren, Haken setzen, fertig.
.zip31 KBVersion 4.3.3 Downloads
SHA-256 der ZIP-Datei
4097d3a29eecf4dfb147b9df506b777eb4dca10aa154813a5846963d93e63581
Stimmt die Prüfsumme deiner Datei mit diesem Wert überein, ist sie genau die, die wir veröffentlicht haben. So prüfst du das
Bitte nur hier herunterladen. Das Staging Banner gibt es offiziell auf modulstyle.com. Kopien von Download-Portalen oder aus Foren können verändert sein. Prüfe im Zweifel die SHA-256-Prüfsumme.
Kostenlos und ohne Gewähr. Installation und Nutzung auf eigene Gefahr, siehe Hinweise.
Eine Beispiel-Website mit aktivem Plugin. Die Bäckerei ist ausgedacht, das Plugin ist echt. Weiter unten kannst du Text, Farbe, Höhe, Position und Animation selbst einstellen.
Anleitung
Viele kostenlose Plugins verdienen ihr Geld mit Statistik, Werbung oder Upgrade-Hinweisen. Dieses nicht. Es macht genau eine Sache: einen Balken anzeigen.
Das kannst du nachprüfen: Der Quellcode ist offen und liegt jedem Download bei.
Lade das ZIP hier von modulstyle.com. Entpacken musst du es nicht, WordPress nimmt es so, wie es ist.
Im Backend der Testseite unter Plugins → Installieren → Plugin hochladen die ZIP-Datei auswählen und installieren.
Plugin aktivieren. Noch passiert nichts: Nach der Installation ist der Balken bewusst ausgeschaltet, damit er nie überraschend auf einer Seite erscheint.
Unter Einstellungen → Staging Banner den Haken bei Balken anzeigen setzen. Text, Farben und Position stellst du auf derselben Seite ein, mit Live-Vorschau.
Jetzt herunterladenAusführliche Installation mit allen Details
Funktionen
Der Balken erscheint auf der Website, im Adminbereich und auf der Anmeldeseite. Jeden der drei Orte schaltest du einzeln an oder aus.
Zum Beispiel „Testsystem – Bestellungen werden nicht ausgeführt“. Der Text kann auf eine Adresse verlinken, ganz oder in Teilen. Erlaubt sind a, strong, em und br.
Hintergrund und Schrift über den WordPress-Farbwähler, Höhe von 20 bis 80 Pixel. Die Schriftgröße wächst mit.
Fest am oberen oder unteren Fensterrand, oder als Streifen ganz oben, der mit der Seite wegscrollt. Unten ist die sichere Wahl: Dort kommt sich der Balken nie mit einem mitlaufenden Header in die Quere.
Seiteninhalt, Adminleiste und Backend rücken um die Höhe des Balkens zur Seite. Mitlaufende Header der gängigen Themes (Elementor, Divi, Astra, GeneratePress, Kadence, OceanWP und andere) werden per CSS versetzt, ohne Springen.
Auf Wunsch läuft ein Lichtschein von links nach rechts, oder der Balken pulsiert leicht. Für alle, bei denen ein ruhiger Balken im Alltag zu schnell übersehen wird.
Der Balken kann sich zu einem Datum und einer Uhrzeit selbst ein- und ausschalten, etwa für eine Wartungsphase. In der Zeitzone deiner Website, ganz ohne Cronjob.
Auf der Einstellungsseite siehst du jede Änderung sofort, noch bevor du speicherst.
Ist im Betriebssystem „Bewegung reduzieren“ aktiv, steht die Animation still. Beim Drucken wird der Balken ausgeblendet. Für Screenreader ist er als Statusmeldung gekennzeichnet.
Jede Einstellung lässt sich per Konstante festschreiben, praktisch fürs Deployment. Und eine Zeile auf der Live-Seite sorgt dafür, dass der Balken dort nie erscheint, auch wenn das Plugin beim Kopieren mitwandert.
Deaktivieren, und der Balken ist überall sofort verschwunden. Im Theme oder im Quelltext bleibt nichts zurück. Beim Löschen wird auch die gespeicherte Option entfernt.
Die Einstellungsseite gibt es auf Deutsch und Englisch, je nach Sprache deines WordPress. Die Vorlage für weitere Übersetzungen liegt bei.
Ausprobieren
Probier aus, wie das Plugin auf einer Website aussieht. Text, Farben, Höhe, Position und Animation funktionieren hier genau wie im Plugin. Im Fenster kannst du scrollen. Unten steht passend dazu der Code für die wp-config.php, falls du die Werte fest hinterlegen willst.
Nur eine Vorschau im Browser: Hier wird nichts gespeichert und nichts verschickt.
Diese Einstellungen für die wp-config.php
Optional. Die Zeilen gehören vor /* That's all, stop editing! */ in die wp-config.php der Testseite. Konstanten haben Vorrang vor den Einstellungen im Backend; das jeweilige Feld zeigt dann einen Hinweis. Wer lieber klickt, stellt alles unter Einstellungen → Staging Banner ein.
So sieht es aus
Aufgenommen in einer Testinstallation mit WordPress 6.8 und dem Theme Twenty Twenty-Five. Klick auf ein Bild, um es groß zu sehen.
Text tippen, Farbe wählen, Höhe ändern: Die Vorschau unten auf der Einstellungsseite zieht sofort mit. Erst mit Änderungen speichern geht es auf die Seite.
Die sicherste Position: Themes heften ihren Header nach oben, unten konkurriert also nichts um den Platz. Text und Farbe frei wählbar, hier für einen Onlineshop im Testbetrieb.
Installation
Ein ganz normales WordPress-Plugin. Wichtig ist nur, dass es auf der Testseite läuft und nicht auf der echten Website. So geht’s Schritt für Schritt:
Lade modulstyle-staging-banner-4.3.3.zip herunter. Wer sichergehen will, vergleicht die SHA-256-Prüfsumme. Die Datei bleibt gepackt.
Im Backend der Testseite: Plugins → Installieren → Plugin hochladen, ZIP-Datei wählen, Jetzt installieren.
Alternativ den entpackten Ordner modulstyle-staging-banner per FTP nach wp-content/plugins/ kopieren.
Unter Plugins auf Aktivieren klicken. Der Balken ist danach noch aus. Das ist Absicht: So kann das Aktivieren nie versehentlich einen Balken auf eine Seite setzen.
Einstellungen → Staging Banner öffnen, den Haken bei Balken anzeigen setzen und auf derselben Seite festlegen, wo er erscheint und wie er aussieht. Änderungen speichern, fertig.
Wird die Testseite später auf die echte Website kopiert, wandert das Plugin oft mit. Damit der Balken dort trotzdem nie erscheint, kommt in die wp-config.php der Live-Seite diese eine Zeile:
define( 'MODULSTYLE_STAGING_BANNER_SHOW', false );
Einstellungen
Zu finden unter Einstellungen → Staging Banner. Daneben die passende Konstante für die wp-config.php.
| Einstellung | Was sie bewirkt | Konstante |
|---|---|---|
| Status | Schaltet den Balken ein. Nach der Installation aus. | …_ENABLED |
| Zeitraum | Optional: ab wann und bis wann der Balken erscheint. Die aktuelle Uhrzeit der Website steht daneben. | …_START, …_END |
| Anzeige | Frontend, Backend und Login-Seite, einzeln wählbar. | …_LOCATIONS |
| Position | Fest oben, fest unten oder mitscrollend. Dazu ein Feld für den Selektor eines eigenen mitlaufenden Headers. | …_POSITION |
| Text | Der Hinweis im Balken. Einfaches HTML erlaubt: a, strong, em, br. | …_TEXT |
| Link | Optional: Der ganze Text wird zum Link, öffnet in neuem Tab. | …_LINK |
| Farben | Hintergrund und Schrift. | …_BG, …_COLOR |
| Höhe | 20 bis 80 Pixel, die Schrift skaliert mit. | …_HEIGHT |
| Animation | Keine, Lichtschein oder Pulsieren. | …_ANIMATION |
Alle Konstanten beginnen mit MODULSTYLE_STAGING_BANNER, also zum Beispiel MODULSTYLE_STAGING_BANNER_TEXT.
Für Entwickler
Für Deployments lassen sich alle Werte in der wp-config.php festschreiben. Konstanten haben Vorrang vor den gespeicherten Einstellungen.
Zusätzlich lässt sich jede Einstellung per Filter ändern: modulstyle_staging_banner_show, _text, _bg, _color, _height, _animation, _position, _sticky_selectors und _locations.
Der Show-Filter bekommt als zweiten Wert den Ort übergeben: frontend, admin oder login. Die Höhe des Balkens steht außerdem als CSS-Variable --modulstyle-staging-banner-height bereit.
define( 'MODULSTYLE_STAGING_BANNER_ENABLED', true ); define( 'MODULSTYLE_STAGING_BANNER_TEXT', 'Testsystem – Bestellungen werden nicht ausgeführt' ); define( 'MODULSTYLE_STAGING_BANNER_BG', '#b26200' ); define( 'MODULSTYLE_STAGING_BANNER_COLOR', '#ffffff' ); define( 'MODULSTYLE_STAGING_BANNER_HEIGHT', 40 ); define( 'MODULSTYLE_STAGING_BANNER_POSITION', 'bottom' ); define( 'MODULSTYLE_STAGING_BANNER_ANIMATION', 'shimmer' ); define( 'MODULSTYLE_STAGING_BANNER_LOCATIONS', 'frontend,admin' ); define( 'MODULSTYLE_STAGING_BANNER_START', '2026-10-12 08:00' ); define( 'MODULSTYLE_STAGING_BANNER_END', '2026-10-12 18:00' );
add_filter( 'modulstyle_staging_banner_show', function ( $show, $context ) {
return 'frontend' === $context ? is_user_logged_in() : $show;
}, 10, 2 );
add_filter( 'modulstyle_staging_banner_sticky_selectors', function ( $selectors ) {
$selectors[] = '.my-sticky-header';
return $selectors;
} );Datenschutz und Sicherheit
Das Plugin braucht nichts von außen und schickt nichts nach außen. Für die Datenschutzerklärung deiner Website ändert sich dadurch nichts.
Im Code gibt es keinen einzigen Aufruf an fremde Server: kein wp_remote_get, kein cURL, kein Update-Dienst von uns.
Keine Nutzungsstatistik, keine Fehlerberichte, keine Cookies, keine Besucherdaten. Es gibt nichts, was nach Hause telefonieren könnte.
Der Balken nutzt die Systemschrift des Geräts. Es werden weder Schriften noch Skripte noch Bilder von anderen Domains geladen.
Gespeichert wird nur modulstyle_staging_banner_settings mit deinen Einstellungen, in deiner eigenen Datenbank. Keine eigenen Tabellen, keine Dateien.
Eingaben werden beim Speichern bereinigt, Ausgaben maskiert. Im Text sind nur wenige harmlose HTML-Tags erlaubt, offene Tags schließt das Plugin selbst.
Beim Löschen des Plugins entfernt die mitgelieferte uninstall.php die Option, auch in Multisite-Netzwerken auf jeder Website.
Hilfe
Nein. Es stellt keine Verbindungen zu fremden Servern her, lädt nichts von anderen Domains und erhebt keine Daten. Gespeichert wird nur eine einzige Option mit deinen Einstellungen, in deiner eigenen Datenbank.
Nichts. Es ist kostenlos, ohne Pro-Version, ohne Werbung und ohne Anmeldung. Du darfst es auf beliebig vielen Websites einsetzen.
Das ist Absicht: Nach der Installation ist der Balken ausgeschaltet. Unter Einstellungen → Staging Banner den Haken bei „Balken anzeigen“ setzen und speichern. Prüfe außerdem, ob unter „Anzeige“ mindestens ein Ort ausgewählt ist und ob ein Zeitraum eingetragen ist, der noch nicht begonnen hat.
Vermutlich wurde das Plugin beim Kopieren der Testseite mitgenommen. Deaktiviere es auf der Live-Seite und trag dort in die wp-config.php die Zeile define( 'MODULSTYLE_STAGING_BANNER_SHOW', false ); ein. Dann bleibt der Balken dort auch bei künftigen Kopien aus.
Plugin deaktivieren: Der Balken ist sofort überall weg, im Frontend, im Backend und auf der Login-Seite. Die Einstellungen bleiben dabei erhalten. Wer das Plugin löscht, entfernt auch die gespeicherte Option.
Ja. Unter „Zeitraum“ trägst du einen Start, ein Ende oder beides ein. Es gilt die Zeitzone aus Einstellungen → Allgemein; die aktuelle Uhrzeit der Website steht zur Kontrolle daneben. Ein Cronjob ist nicht nötig, die Zeit wird beim Aufbau jeder Seite verglichen.
Ja. Trag eine Adresse ins Feld „Link“ ein, dann wird der ganze Text zum Link und öffnet in einem neuen Tab. Für einen Link nur auf einem Teil des Textes schreibst du ihn direkt in den Text. Erlaubt sind a, strong, em und br. Ein Link im Text hat Vorrang vor dem Feld.
Ein fest stehender Balken bleibt an seinem Platz, während die Seite darunter durchläuft. Zum Problem wird das nur, wenn dein Theme seinen eigenen Header oben anheftet. Am einfachsten stellst du die Position auf „Fest am unteren Fensterrand“: Unten heftet praktisch kein Theme etwas an. Für die obere Position versetzt das Plugin die mitlaufenden Header der gängigen Themes automatisch. Ist deiner nicht dabei, trag seinen Selektor im Feld „Zusätzliche Selektoren für mitlaufende Header“ ein.
Manche Themes setzen auf ihren Seiten-Container Eigenschaften wie transform oder filter, etwa für Menüs, die hereinfahren. Dann scrollt ein fest stehendes Element mit. Das Plugin erkennt das und setzt den Balken an den Anfang der Seite, wo das nicht passieren kann.
Ja. Unter „Anzeige“ nur „Backend (Adminbereich)“ anhaken. Soll er im Frontend nur für angemeldete Nutzer erscheinen, hilft der Filter modulstyle_staging_banner_show, siehe „Für Entwickler“.
Nein, er ist nur ein Hinweis. Wer die Testseite vor fremden Besuchern und Suchmaschinen schützen will, braucht zusätzlich einen Passwortschutz beim Hosting oder die Einstellung „Suchmaschinen davon abhalten, diese Website zu indexieren“.
Nein. Beim Drucken wird er ausgeblendet.
Schreib uns über das Kontaktformular oder an hello@modulstyle.com. Hilfreich sind deine WordPress- und PHP-Version, das verwendete Theme und wo das Problem auftritt: Frontend, Backend oder Login-Seite. Ein Bildschirmfoto sagt oft mehr als eine lange Beschreibung.
Voraussetzungen
WordPress
ab 5.2
getestet bis 7.1
PHP
ab 7.0
auch mit PHP 8
Themes
alle
Block- und klassische Themes
Multisite
ja
je Website einstellbar
Versionshistorie
Dateien
Mit der SHA-256-Prüfsumme stellst du sicher, dass die Datei vollständig und unverändert bei dir angekommen ist. In Windows geht das mit der PowerShell, auf Mac und Linux im Terminal:
Get-FileHash .\modulstyle-staging-banner-4.3.3.zip -Algorithm SHA256 shasum -a 256 modulstyle-staging-banner-4.3.3.zip
Das komplette Plugin mit Übersetzung, readme und Lizenz. Es ist zugleich der Quellcode: PHP und ein kleines JavaScript, nichts verschlüsselt, nichts minifiziert.
modulstyle-staging-banner-4.3.3.zip · 31 KB
SHA-256
4097d3a29eecf4dfb147b9df506b777eb4dca10aa154813a5846963d93e63581
SHA-256 der ZIP-Datei und der Hauptdatei des Plugins als Textdatei.
SHA256SUMS.txt · 1 KB
Open Source
Das Staging Banner steht unter der GNU General Public License, Version 2 oder später, wie WordPress selbst. Du darfst es kostenlos nutzen, auf beliebig vielen Websites einsetzen, verändern und weitergeben. Wer eine veränderte Fassung weitergibt, muss sie ebenfalls unter der GPL veröffentlichen.
Den vollständigen Lizenztext findest du als LICENSE.txt im Download.
Keine fremden Bibliotheken, kein Build-Schritt. Genutzt werden nur Bordmittel von WordPress, etwa der Farbwähler.
Rechtliches
Das Plugin wird kostenlos und ohne Gewähr bereitgestellt, wie in der GPL beschrieben. Installation und Nutzung erfolgen auf eigene Verantwortung. Bitte lege vor Änderungen an einer Website wie gewohnt eine Sicherung an.
Der Balken macht eine Testseite erkennbar. Er schützt sie nicht vor fremden Blicken und ersetzt keinen Passwortschutz oder noindex. Dafür sind dein Hosting und WordPress zuständig.
WordPress ist eine Marke der WordPress Foundation. Das Staging Banner ist ein eigenständiges Plugin von modulstyle.com und steht in keiner Verbindung zur WordPress Foundation. Die Bäckerei in den Bildern ist ausgedacht.
Schreib uns. Hilfreich sind deine WordPress- und PHP-Version, das Theme und ein Bildschirmfoto.