Dostępny szablon strony internetowej dla Lipiańskich JST

MiGBP im. Agnieszki Osieckiej w Lipianach udostępnia bezpłatnie motyw WordPress Lipiany — nowoczesny, przystępny i w pełni dostosowany do wymogów dostępności cyfrowej szablon strony internetowej, stworzony z myślą o jednostkach samorządu terytorialnego, ośrodkach pomocy społecznej, bibliotekach publicznych oraz innych instytucjach publicznych.

Szablon Lipiany wersja 1.7.5

Dlaczego warto skorzystać z motywu Lipiany?

✅ Zgodność z prawem

• W pełni zgodny z ustawą o dostępności cyfrowej (Dz.U. 2019 poz. 848)
• Spełnia wymagania WCAG 2.2 na poziomie AA — międzynarodowy standard dostępności
• Zgodny z normą EN 301 549 V3.2.1 i Krajowymi Ramami Interoperacyjności
• Gotowy do publikacji z deklaracją dostępności (wzór w pakiecie)

♿ Dostępność dla wszystkich

• Pełna obsługa czytników ekranu (NVDA, JAWS, VoiceOver, TalkBack)
• Kompletna nawigacja klawiaturowa bez użycia myszki
• Wyraźne wskaźniki fokusa zgodne z WCAG 2.4.7
• Responsywny design — działa na komputerach, tabletach i smartfonach
• Szanuje preferencje użytkowników (tryb redukcji ruchu prefers-reduced-motion)
• Wszystkie interaktywne elementy mają dostępne nazwy (aria-label)
• Przystępne linki z informacją o otwarciu w nowym oknie

🚀 Nowoczesne funkcje

• Slider na stronie głównej z najnowszymi wpisami lub wybranymi artykułami (Splide 4.1.4)
• Karuzela Instagram w stopce (opcjonalna, wyłączalna)
• Responsywne menu z obsługą menu mobilnego
• Wsparcie dla edytora bloków Gutenberg
• Wyszukiwarka w nagłówku (opcjonalna)
• Ikony mediów społecznościowych (Facebook, X, Instagram, LinkedIn, YouTube i inne)
• Przyciski udostępniania w social media
• Sekcja powiązanych wpisów
• Gotowe widgety w stopce

💼 Stworzony dla administracji publicznej

• Przejrzysty, profesjonalny design
• Dostosowany do publikacji komunikatów, aktualności, dokumentów
• Łatwy w obsłudze — nie wymaga wiedzy programistycznej
• Polski interfejs + pełne tłumaczenie motywu (pl_PL)
• Dokumentacja w języku polskim

💰 Całkowicie darmowy

• Licencja GPL v2+ — możesz używać, modyfikować i dystrybuować
• Brak ukrytych kosztów, opłat licencyjnych czy subskrypcji
• Kod źródłowy otwarty i dostępny do inspekcji
• Wsparcie społeczności WordPress

Specyfikacja techniczna

Wymagania systemowe

• WordPress:0 lub nowszy (zalecane: 6.0+)
• PHP:4 lub nowszy (zalecane: 8.0+)
• MySQL:6 lub nowszy / MariaDB: 10.1 lub nowszy
• Serwer: Apache lub Nginx z obsługą mod_rewrite

Funkcje motywu

Wygląd i układ

• Responsywny design: automatyczne dostosowanie do ekranów 320px–2560px
• Układy blogowe:
  • Classic (pełna szerokość, duże obrazy)
  • 2 kolumny z bocznym paskiem
  • Lista zwarta
• Obszary widgetów:
  • Stopka (footer-widgets) — pełna szerokość
  • Pasek boczny (sidebar) — opcjonalny
• Menu nawigacyjne:
  • Menu górne (top_menu) — opcjonalne
  • Menu główne (main_menu) — obowiązkowe
  • Menu mobilne (mobile_menu) — osobne dla urządzeń mobilnych
  • Menu stopki (footer_menu) — dolna nawigacja

Slider na stronie głównej

• Technologia: Splide 4.1.4 (nowoczesna, lekka, dostępna)
• Źródło slajdów:
  • Najnowsze wpisy
  • Wybrane kategorie
  • Konkretne wpisy (po ID)
• Opcje:
  • Automatyczne przewijanie (włącz/wyłącz)
  • Prędkość przewijania (regulowana)
  • Efekt fade lub slide
  • Pełna obsługa klawiatury (strzałki ← →, Escape)
• Dostępność:
  • ARIA labels i live regions
  • Szanuje prefers-reduced-motion
  • Pauza na hover i focus

Media społecznościowe

• Obsługiwane sieci:
  • Facebook, X (Twitter), Instagram, LinkedIn, Pinterest
  • YouTube, Vimeo, Tumblr, Flickr, Bloglovin
  • RSS feed
• Lokalizacje:
  • Pionowy pasek boczny (site-wide)
  • Nagłówek strony
  • Pasek górny (topbar)
  • Stopka
• Możliwość przypisania różnych profili dla każdego autora
• Opcja otwarcia w nowej karcie (z informacją dla czytników ekranu)

Funkcje dostępności

• Skip link („Przejdź do treści”) na początku każdej strony
• Focus indicators — wyraźne obramowanie fokusa (3px solid #1a73e8)
• Powiązane etykiety — wszystkie pola formularzy z <label> lub aria-label
• Alt text — wsparcie dla opisów alternatywnych obrazów
• Struktura nagłówków — logiczna hierarchia H1–H6
• Aria-labels na linkach miniatur („Czytaj więcej: [tytuł]“)
• Informacja o nowym oknie w linkach target=”_blank”
• Contrast ratio — kolory tekstów spełniają WCAG AA (4.5:1 dla normalnego tekstu)
• Touch target size — elementy interaktywne min. 44×44px

Customizer (dostosowywanie wyglądu)

• Logo: możliwość wgrania własnego logo (nagłówek i stopka osobno)
• Kolory: podstawowy kolor motywu (linki, akcenty)
• Typografia: czcionki z Google Fonts (opcjonalne)
• Układ blogowy: wybór spośród 3 wariantów
• Długość zajawki: regulowana liczba słów
• Slider:
  • Włącz/wyłącz
  • Źródło slajdów
  • Limit slajdów (1–10)
  • Prędkość i efekty
• Instagram:
  • Włącz/wyłącz
  • Automatyczne przewijanie
  • Prędkość
• Opcje wyświetlania:
  • Pokaż/ukryj daty wpisów
  • Pokaż/ukryj autora
  • Pokaż/ukryj komentarze
  • Ramka autora na pojedynczym wpisie
  • Powiązane wpisy

Technologie i zależności

• HTML5 + semantyczne znaczniki (<article>, <nav>, <aside>, <header>, <footer>)
• CSS3 + Flexbox + Grid
• JavaScript (ES6+):
  • Splide 4.1.4 (slider)
  • SimpleLightbox (galerie)
  • Własne skrypty dla menu mobilnego
• SCSS/Sass — kod źródłowy (kompilowany do CSS)
• org — mikroformatowanie dla SEO
• css — spójne renderowanie w przeglądarkach

Zgodność z przeglądarkami

Przetestowano i zweryfikowano poprawne działanie w: – Chrome 115+ – Firefox 115+ – Edge 115+ – Safari 16+ – Opera 100+

Starsze przeglądarki (IE11 i wcześniejsze) nie są wspierane.

Wydajność

• Lekki kod: ~85 KB CSS + ~15 KB JS (zminifikowane)
• Lazy loading dla obrazów (natywne wsparcie HTML)
• Optymalizacja zapytań: wydajne query do bazy danych
• Brak zewnętrznych zależności (poza opcjonalnymi czcionkami Google)

Dokumentacja w pakiecie

• txt — pełny opis motywu, changelog, licencje
• Deklaracja dostępności — szablon (MD, PDF, DOCX)
• Skróty klawiszowe — pełna lista nawigacji (MD, PDF)
• Raport WCAG — rekomendacje i implementacje (MD, PDF)

Pobranie motywu

Bezpośrednie pobranie

Aktualną wersję motywu można pobrać bezpośrednio:

📥 Pobierz Lipiany 1.7.5 (ZIP)
Wersja: 1.7.5 | Data: 29 lipca 2026 | Rozmiar: ~650 KB

Zawartość paczki

Po pobraniu otrzymasz plik lipiany.zip zawierający: – Kompletny motyw WordPress gotowy do instalacji – Pliki tłumaczeń (pl_PL.mo, pl_PL.po, lipiany.pot) – Dokumentację (readme.txt) – Licencje i atrybuty open source

Instalacja

Metoda 1: Przez panel WordPress (zalecana)

1. Zaloguj się do panelu administracyjnego WordPress
2. Przejdź do Wygląd → Motywy
3. Kliknij Dodaj nowy → Prześlij motyw
4. Wybierz pobrany plik zip
5. Kliknij Zainstaluj teraz
6. Po instalacji kliknij Aktywuj

Metoda 2: Przez FTP

1. Rozpakuj plik zip na swoim komputerze
2. Połącz się z serwerem przez FTP
3. Przejdź do katalogu /wp-content/themes/
4. Prześlij folder lipiany do tego katalogu
5. Zaloguj się do panelu WordPress
6. Przejdź do Wygląd → Motywy
7. Znajdź motyw Lipiany i kliknij Aktywuj

Pierwsze kroki po instalacji

1. Utwórz menu:
   • Przejdź do Wygląd → Menu
   • Stwórz nowe menu i przypisz je do lokalizacji „Menu główne”
   • Opcjonalnie utwórz menu dla lokalizacji „Menu górne” i „Menu stopki”
2. Dostosuj motyw:
   • Przejdź do Wygląd → Dostosuj
   • Wgraj logo (zalecane wymiary: 300×100 px)
   • Ustaw kolor główny motywu
   • Skonfiguruj slider (włącz/wyłącz, wybierz źródło)
   • Dodaj linki do mediów społecznościowych
3. Skonfiguruj widgety:
   • Przejdź do Wygląd → Widgety
   • Dodaj widgety do obszaru „Stopka”
   • Opcjonalnie dodaj widgety do paska bocznego
4. Opublikuj deklarację dostępności:
   • Stwórz nową stronę „Deklaracja dostępności”
   • Użyj szablonu z dokumentacji (dostępny w pakiecie)
   • Dodaj link w stopce

Wsparcie i rozwój

Dla użytkowników

Jeśli potrzebujesz pomocy z instalacją lub konfiguracją motywu: – E-mail: kontakt@lipiany.info – Forum WordPress.org: Wsparcie społeczności – Dokumentacja WordPress: wordpress.org/documentation

Dla deweloperów

Motyw Lipiany jest oparty na motywie Olsen Light autorstwa CSSIgniter Team i zachowuje ich wysokie standardy jakości kodu.

Repozytorium kodu: – Licencja: GPL v2+ – Fork dozwolony: Tak – Modyfikacje dozwolone: Tak (zachowaj atrybuty autorstwa)

Struktura katalogów:

lipiany/
├── css/
│   └── inc/          # Źródła SCSS (moduły)
├── inc/              # Funkcje PHP, hooki, customizer
├── js/               # Skrypty JavaScript
├── languages/        # Tłumaczenia (POT, PO, MO)
├── vendor/           # Zewnętrzne biblioteki (Splide)
├── *.php             # Szablony WordPress
├── style.scss        # Główny plik SCSS
├── style.css         # Skompilowany CSS (nie edytować!)
└── readme.txt        # Dokumentacja

Budowanie motywu: – Kompilacja SCSS: sass style.scss style.css (lub własny workflow) – Minifikacja JS: terser js/scripts.js -o js/scripts.min.js – Budowanie tłumaczeń: msgfmt pl_PL.po -o pl_PL.mo

Licencja i atrybuty

Motyw Lipiany

• Autor adaptacji: MiGBP w Lipianach
• Bazuje na: Olsen Light autorstwa CSSIgniter Team
• Licencja: GNU General Public License v2 lub nowsza
• Kod źródłowy: Dostępny w paczce ZIP

Zawarte biblioteki i zasoby

• Splide1.4 — MIT License © Naotoshi Fujita
• SimpleLightbox14.2 — MIT License © André Rinas
• css v8.0.1 — MIT License © Nicolas Gallagher, Jonathan Neal
• Ikony Font Awesome (subset) — SIL OFL 1.1 / MIT
• org mikroformaty — CC0 (domena publiczna)

Pełne informacje licencyjne znajdują się w pliku readme.txt dołączonym do motywu.

Dla kogo jest ten motyw?

Instytucje publiczne

• Urzędy miast i gmin
• Ośrodki pomocy społecznej
• Gminne/miejskie biblioteki publiczne
• Centra kultury i domy kultury
• Szkoły i przedszkola publiczne
• Zakłady komunalne
• Straże miejskie i gminne

Organizacje pozarządowe

• Fundacje i stowarzyszenia działające w sferze publicznej
• Organizacje pożytku publicznego (OPP)
• Rady osiedli i sołectwa

Wymagania prawne

Jeśli Twoja instytucja podlega ustawie o dostępności cyfrowej (większość podmiotów publicznych), motyw Lipiany spełnia wszystkie wymogi prawne z datą ważności do 23 czerwca 2025 (termin dostosowania dla istniejących stron).

Historia zmian

Wersja 1.7.5 (29 lipca 2026)

• ✅ Dostępność (WCAG 2.2): dodano opisowe aria-labels do linków miniatur wpisów
• ✅ Dostępność (WCAG 2.2): usunięto pusty nagłówek <h3> w stopce
• ✅ Dostępność (WCAG 2.2): informacja o otwarciu w nowym oknie dla linków social media
• ✅ Dostępność (WCAG 2.2): powiązanie etykiety z polem wyszukiwania, typ type=”search”
• ✅ Dostępność (WCAG 2.2): tabindex=”-1″ dla celu skip linka
• ✅ Zaktualizowano tłumaczenia (pl_PL) i szablon POT

Wersja 1.7.4 (13 lipca 2026)

• ✅ Wymiana Tiny Slider na Splide 4.1.4 (slider i karuzela Instagram)
• ✅ Ulepszona dostępność slidera (nawigacja klawiaturowa, ARIA, reduced-motion)
• ✅ Usunięcie nieużywanych bibliotek (Tiny Slider)
• ✅ Utwardzenie skryptu menu mobilnego (ochrona przed błędami DOM)
• ✅ Synchronizacja SCSS z Splide
• ✅ Aktualizacja dokumentacji i atrybuty Olsen Light

Pełny changelog dostępny w pliku readme.txt.

Pytania i odpowiedzi

Czy mogę używać tego motywu komercyjnie?

Tak. Licencja GPL v2+ pozwala na użycie motywu w dowolnych celach, w tym komercyjnych.

Czy mogę modyfikować motyw?

Tak. Możesz swobodnie modyfikować kod źródłowy. Zalecamy tworzenie motywu potomnego (child theme) dla zachowania możliwości aktualizacji.

Czy motyw jest responsywny?

Tak. Motyw automatycznie dostosowuje się do wszystkich rozmiarów ekranów — od smartfonów (320px) po duże monitory (2560px+).

Czy motyw jest zgodny z Gutenbergiem?

Tak. Motyw wspiera edytor bloków Gutenberg oraz klasyczny edytor.

Czy mogę usunąć atrybuty CSSIgniter i Lipiany?

Nie. Zgodnie z licencją GPL musisz zachować atrybuty autorstwa. Możesz dodać własne, ale nie usuwać istniejących.

Czy dostanę aktualizacje motywu?

Motyw jest udostępniany jako standalone (samodzielny). Aktualizacje będą publikowane na stronie lipiany.info — zalecamy okresowe sprawdzanie dostępności nowych wersji.

Czy motyw działa z WooCommerce / innymi wtyczkami?

Motyw jest zoptymalizowany pod kątem stron informacyjnych i blogów. Nie jest dedykowany do e-commerce, ale podstawowa integracja z popularnymi wtyczkami powinna działać. W razie problemów polecamy motywy dedykowane dla WooCommerce.

Czy mogę dzielić się tym motywem z innymi JST?

Tak, zachęcamy! Licencja GPL pozwala na swobodną dystrybucję. Udostępnij link do tej strony lub przekaż bezpośrednio plik ZIP.

Kontakt

Miejsko-Gminny Ośrodek Pomocy Społecznej w Lipianach
ul. Przykładowa 1
72-000 Lipiany

E-mail: kontakt@lipiany.info
Telefon: +48 91 xxx xx xx
WWW: https://lipiany.info

Podziękowania

Motyw Lipiany nie mógłby powstać bez: – CSSIgniter Team — twórców doskonałego motywu Olsen Light – Społeczności WordPress Polska – Twórców bibliotek open source (Splide, SimpleLightbox, Normalize.css) – Wszystkich, którzy przyczynili się do rozwoju standardów dostępności cyfrowej

Ostatnia aktualizacja: 29 lipca 2026
Wersja motywu: 1.7.5
Licencja: GPL v2+

Pobierz teraz i rozpocznij budowę przystępnej strony internetowej!

📥 Pobierz Lipiany 1.7.5

Szablon deklaracji dostępności cyfrowej

Gotowy szablon deklaracji dostępności cyfrowej, przygotowany z myślą o stronach internetowych podmiotów publicznych i zgodny z wymaganiami polskich przepisów dotyczących dostępności cyfrowej.

Szablon został zaprojektowany tak, aby można było łatwo dostosować go do konkretnej instytucji, strony internetowej oraz poziomu jej zgodności z wymaganiami dostępności.

Zakres szablonu

Informacje podstawowe

Deklaracja zawiera dane identyfikujące podmiot oraz stronę internetową, w tym nazwę instytucji, adres strony, datę sporządzenia deklaracji oraz informacje dotyczące jej ostatniej aktualizacji lub przeglądu.

Status zgodności

Szablon przewiduje trzy warianty deklarowanego statusu dostępności:

Pełna zgodność – dla stron, które spełniają wymagania dostępności cyfrowej w zakresie przyjętym przez podmiot.

Częściowa zgodność – dla stron, w których występują zidentyfikowane bariery lub niezgodności, nad których usunięciem prowadzone są prace.

Brak zgodności – dla stron, które nie spełniają wymagań dostępności cyfrowej i znajdują się w trakcie dostosowywania.

Właściwy wariant należy wybrać na podstawie rzeczywistego stanu strony. Pozostałe warianty należy usunąć z publikowanej deklaracji.

Informacje o sposobie oceny dostępności

W tej części można opisać sposób przeprowadzenia oceny dostępności strony, zastosowaną metodologię oraz wykorzystane narzędzia. Szablon uwzględnia możliwość wskazania samooceny, testów automatycznych i manualnych, a także testów z wykorzystaniem technologii asystujących, w tym czytników ekranu.

Nawigacja i skróty klawiaturowe

Deklaracja zawiera podstawowe informacje dotyczące obsługi strony za pomocą klawiatury, w szczególności wykorzystania klawiszy Tab, Enter, strzałek i Escape. W razie potrzeby można również zamieścić odnośnik do pełnej instrukcji obsługi serwisu.

Dane kontaktowe

W deklaracji należy wskazać sposób kontaktu z podmiotem w sprawach związanych z dostępnością cyfrową. Sekcja przewiduje miejsce na adres e-mail, numer telefonu, adres siedziby oraz dane osoby lub komórki organizacyjnej odpowiedzialnej za kwestie dostępności.

Procedura zgłaszania problemów z dostępnością

Szablon zawiera również opis procedury zgłaszania problemów z dostępnością oraz dalszego postępowania w przypadku braku zapewnienia dostępności. Uwzględnia informacje dotyczące terminów odpowiedzi oraz możliwości skorzystania z procedury skargowej.

Sekcje dodatkowe

W zależności od charakteru podmiotu i jego serwisu deklaracja może zostać uzupełniona o dodatkowe informacje.

Dostępność architektoniczna – informacje dotyczące dostępności budynku i jego otoczenia, między innymi wejścia do obiektu, podjazdów, wind, toalet, miejsc parkingowych czy dostępności urządzeń wspomagających słyszenie.

Informacje techniczne – informacje o technologii wykorzystanej do budowy strony, systemie CMS, zastosowanym motywie lub szablonie, obsługiwanych przeglądarkach oraz wykorzystywanych technologiach asystujących.

Aplikacja mobilna – sekcja przeznaczona dla podmiotów udostępniających aplikacje mobilne.

Załączniki – miejsce na dodatkowe dokumenty związane z dostępnością, takie jak raport z audytu, wyniki samooceny czy formularze zgłoszeniowe.

Sekcje, które nie dotyczą danego podmiotu, można usunąć z deklaracji.

Dostosowanie szablonu do własnej strony

Przed publikacją deklaracji należy zastąpić wszystkie pola oznaczone nawiasami kwadratowymi własnymi danymi. Dotyczy to w szczególności nazwy podmiotu, adresu strony internetowej, dat, danych kontaktowych oraz informacji technicznych.

Następnie należy wybrać właściwy status zgodności i pozostawić wyłącznie wariant odpowiadający rzeczywistemu stanowi dostępności strony.

W przypadku stron opartych na WordPressie można dodatkowo wskazać wykorzystywany motyw, jego wersję oraz podstawowe informacje techniczne dotyczące serwisu.

Po uzupełnieniu deklarację należy opublikować w formie HTML na stronie internetowej. Zalecanym adresem jest:

/deklaracja-dostepnosci/

Deklaracja powinna być również dostępna w formacie PDF, jeżeli podmiot udostępnia ją w tej formie.

Dostępność deklaracji na stronie

Deklaracja dostępności powinna być łatwa do odnalezienia z poziomu całego serwisu. Najprostszym i najbardziej czytelnym rozwiązaniem jest umieszczenie stałego odnośnika „Deklaracja dostępności” w stopce strony.

W przypadku WordPressa wystarczy utworzyć osobną stronę z treścią deklaracji, a następnie dodać ją do menu stopki lub innego stałego elementu nawigacyjnego serwisu.

Podstawa prawna i standardy

Szablon uwzględnia wymagania wynikające z przepisów dotyczących dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych.

Podstawę stanowią w szczególności ustawa z dnia 4 kwietnia 2019 r. o dostępności cyfrowej stron internetowych i aplikacji mobilnych podmiotów publicznych oraz właściwe przepisy wykonawcze.

W zakresie standardów technicznych szablon odnosi się do wymagań WCAG na poziomie AA oraz normy EN 301 549.

Aktualizacja deklaracji

Deklarację należy poddawać okresowemu przeglądowi i aktualizować w przypadku istotnych zmian wpływających na dostępność serwisu.

Rekomendowane jest przeprowadzenie przeglądu deklaracji co najmniej raz w roku, a także każdorazowo po większej przebudowie strony, zmianie systemu CMS, wdrożeniu nowych funkcjonalności lub usunięciu istotnych barier dostępności.

Ważne

Deklaracja dostępności powinna opisywać rzeczywisty stan serwisu, a nie jedynie możliwości zastosowanego szablonu. Samo wdrożenie motywu lub szablonu zgodnego z zasadami WCAG nie oznacza automatycznie, że cała strona spełnia wymagania dostępności. Na końcową ocenę wpływają również publikowane treści, dokumenty, multimedia, formularze oraz elementy dodawane przez administratorów serwisu.