WP Manifestindependent plugin directory
manifest / editor / exzent_wp_banner_block

exzent Floating Banner

Floating-Banner als Gutenberg-Block: befüllbar wie eine Gruppe, mit allen Blöcken. Anzeige nur auf der jeweiligen Seite oder global auf der ganzen Website. Position frei wählbar – Ecke, Bildschirmmitte, Leiste oder oben mit Seitenverschiebung. Mit Verzögerung, Schließen-Button und Merkfunktion.

by Holger Kosmitzki · github.com/exzenter/exzent_wp_banner_block · website

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/exzenter/exzent_wp_banner_block/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/exzenter/exzent_wp_banner_block ↗

Floating-Banner als Gutenberg-Block: befüllbar wie eine Gruppe, mit allen Blöcken. Anzeige nur auf der jeweiligen Seite oder global auf der ganzen Website. Position frei wählbar – Ecke, Bildschirmmitte, Leiste oder oben mit Seitenverschiebung. Mit Verzögerung, Schließen-Button und Merkfunktion.

Kein Build-Schritt, kein npm: reines PHP, Vanilla-JS und CSS.

Installation

Repository als ZIP herunterladen und unter Plugins → Installieren → Plugin hochladen einspielen, oder den Ordner nach wp-content/plugins/ kopieren und das Plugin aktivieren.

Danach im Editor den Block exzent Floating Banner einfügen und mit beliebigen Gutenberg-Blöcken füllen.

Einstellungen

Alle Einstellungen liegen im Block selbst, es gibt keine separate Optionsseite.

Anzeige

  • Banner anzeigen – aus bedeutet: es wird serverseitig gar kein Markup ausgegeben
  • Global auf allen Seiten anzeigen – es kann immer nur ein globales Banner geben, der zuletzt gespeicherte Beitrag gewinnt
  • Position: unten/oben/mitte × links/rechts/mittig, Bildschirmmitte, Leiste oben, Leiste unten
  • Zwei Leisten-Varianten, die die Seite um ihre Höhe nach unten schieben, statt sie zu überdecken:
    • bleibt stehen – fix am oberen Rand, scrollt nicht mit
    • scrollt weg – sitzt ganz oben im Dokument und wandert beim Scrollen mit nach oben aus dem Bild
  • Maximale Breite, Abstand horizontal/vertikal, Animation, Verzögerung

Schließen und Merken

  • Schließen-Button (auch per ESC), Position innen oder über dem Inhalt
  • Schließen merken via localStorage, Dauer in Tagen, eigene Speicher-Kennung

Geräte und Technik

  • Auf Mobilgeräten oder Desktop ausblenden (Breakpoint 782 px)
  • z-index, Ausgabe am Seitenende, Beschriftung für Screenreader

Hintergrund, Farben, Innenabstand, Rahmen, Radius, Schatten, Typografie und Layout kommen aus den normalen Block-Einstellungen – das Plugin gibt selbst keine Optik vor.

Hinweise

  • Zum Testen den gemerkten Schließen-Zustand löschen: wpfbResetBanners() in der Browser-Konsole.
  • Nach einem Update bestehende Banner einmal öffnen und neu speichern, damit neue Optionen im gespeicherten Markup landen.
  • Im Push-Modus schiebt sich ein sticky Header des Themes unter das Banner – fixierte Elemente orientieren sich am Viewport, nicht am Dokument.

Lizenz

GPL-2.0-or-later

© Holger Kosmitzki, exzent.de