Sidequests
Ein schlanker Ankündigungsbalken für WordPress: Aktionen und Hinweise erscheinen genau dann, wenn sie gelten, und verschwinden von selbst wieder.
Manche Nachrichten können nicht auf den nächsten Blogpost warten: die Aktion, die am Freitag startet, geänderte Öffnungszeiten, ein Wartungshinweis. Für solche Fälle habe ich News Ticker entwickelt, einen Ankündigungsbalken, der prominent am oberen Rand der Website sitzt und sich pflegen lässt wie ein ganz normaler Beitrag.
Jede Ankündigung ist ein eigener Eintrag mit Überschrift, Teaser und Button. Ein optionales Start- und Enddatum steuert die Sichtbarkeit: Wer die Website pflegt, kann Aktionen in Ruhe vorbereiten und muss am Aktionstag nicht mehr daran denken. Sind mehrere Ankündigungen gleichzeitig aktiv, rotiert der Balken zwischen ihnen. Zu langer Text läuft als Laufschrift durch, die bei Hover und Tastaturfokus pausiert. Der Balken ist auf Wunsch wegklickbar und meldet sich automatisch zurück, sobald es etwas Neues zu sagen gibt.
Installiert wird der News Ticker wie jedes andere Plugin über die Plugin-Verwaltung von WordPress. Nach dem Aktivieren legen Sie die erste Ankündigung an: Überschrift, Teaser, Beschriftung und Ziel des Buttons. Sobald sie veröffentlicht ist, erscheint der Balken auf allen Seiten oder, je nach Einstellung, nur auf der Startseite.
Ohne Eingriff ins Theme setzt das Plugin den Ticker direkt an den Anfang
der Seite, auf Wunsch fixiert am oberen Rand. Soll er im eigenen Header
stehen, genügt in den Einstellungen die CSS-Klasse oder ID des
Zielelements. Wer das Theme anpassen kann, gibt den Ticker mit der
Template-Funktion neuedaten_news_ticker_render() serverseitig
aus. Dann steht er schon beim ersten Seitenaufbau an seinem Platz.
Innerhalb eines Seiteninhalts funktioniert der
Shortcode [news_ticker].
Der Ticker sitzt wahlweise fixiert am oberen Viewport-Rand, in einem beliebigen Element des Themes oder dort, wo das Theme ihn per Template-Funktion oder Shortcode selbst platziert. Alle Farben sind als CSS Custom Properties exponiert, sodass sich der Balken ohne Spezifitätskämpfe umfärben lässt. Für Entwicklerinnen und Entwickler gibt es Hooks, Filter und Template-Funktionen bis hin zum finalen Markup.
Das Plugin besteht aus reinem CSS und Vanilla JavaScript, kommt ohne Fremdbibliotheken und ohne Tracking aus und lädt seine Assets nur auf Seiten, die tatsächlich einen Ticker zeigen. Auch ohne JavaScript bleibt die erste aktive Ankündigung sichtbar. Übersetzungen für Deutsch, Französisch und Spanisch liegen bei.
Das Plugin nutzen: