Konfiguracja
Notice konfigurujesz na jednym ekranie: WooCommerce → Pasek ogłoszeń. Podgląd na żywo pokazuje pasek w trakcie edycji. Pamiętaj, by włączyć pasek, gdy będziesz zadowolony — nic nie ładuje się na front-endzie, dopóki nie jest aktywny.
Komunikat
Dział zatytułowany „Komunikat”Twój tekst ogłoszenia. Obsługiwana jest mała lista dozwolonego bezpiecznego HTML:
- pogrubienie i kursywa
- linki
- łamanie linii
Wszystko poza listą jest usuwane, więc komunikat pozostaje bezpieczny do renderowania na górze każdej strony.
Przycisk CTA
Dział zatytułowany „Przycisk CTA”Opcjonalny przycisk wezwania do działania z:
- własnym adresem URL oraz
- opcją nowej karty (otwórz w nowej karcie lub tej samej).
Wyłącz go, aby uzyskać pasek tylko z komunikatem.
Ustaw kolory tła, tekstu i akcentu, z podglądem na żywo. Kolory to zmienne CSS, więc pasek pasuje do Twojej marki i czysto dostosowuje się w trybie ciemnym.
Umiejscowienie
Dział zatytułowany „Umiejscowienie”- Przyklejony — pasek pozostaje przypięty u góry, gdy klient przewija.
- Statyczny — pasek jest u góry i przewija się razem ze stroną.
Harmonogram
Dział zatytułowany „Harmonogram”Opcjonalnie pokaż pasek tylko w oknie czasowym:
- data/godzina rozpoczęcia, data/godzina zakończenia lub obie,
- interpretowane w strefie czasowej witryny,
- pozostaw jedno puste dla okna otwartego (tylko start = „od teraz”; tylko koniec = „do tego momentu”).
Poza oknem pasek nie renderuje się i nic nie ładuje na front-endzie.
Zamykanie
Dział zatytułowany „Zamykanie”Pozwól klientom zamknąć pasek:
- wybór jest przechowywany w przeglądarce odwiedzającego przez localStorage — bez ciasteczek, bez danych osobowych,
- ustaw, ile dni trwa zamknięcie; 0 = na zawsze.
Automatyczne ponowne pokazanie: edycja tekstu komunikatu ponownie pokazuje pasek wszystkim automatycznie, więc świeże ogłoszenie nigdy nie jest ukryte przez stare zamknięcie.
Jak renderuje się pasek
Dział zatytułowany „Jak renderuje się pasek”Pasek pojawia się na samej górze każdej strony front-endu przez hak motywu wp_body_open, który obsługuje większość nowoczesnych motywów. CSS i mały skrypt zamykania są ładowane tylko gdy pasek jest aktywny, więc stany wyłączone lub poza harmonogramem nie dodają wagi na front-endzie, a znaczniki to czysty HTML bez frameworka JavaScript.
Dostępność (wbudowana)
Dział zatytułowany „Dostępność (wbudowana)”Pasek to region ARIA z przyciskiem zamknięcia obsługiwanym z klawiatury, stylami z widocznym fokusem i obsługą prefers-reduced-motion. Nie ma przeskoku układu poza własną wysokością paska.