Twierdze: Od-Nowa — konferencja ZBK Kraków

O projekcie

Zarząd Budynków Komunalnych w Krakowie organizuje międzynarodową konferencję „TWIERDZE: OD-NOWA. Dziedzictwo – Społeczność – Turystyka", realizowaną w ramach projektu SCT HUB współfinansowanego przez European Urban Initiative. Wydarzenie gromadzi prelegentów z Polski, Chorwacji, Rumunii, Włoch i Niemiec.

Klient miał już stronę poprzedniej edycji, ale w formie, która przy każdej aktualizacji wymagała kontaktu z wykonawcą. Zadanie brzmiało nietypowo: zachować identyczny wygląd, a pod spodem zbudować strukturę, w której zespół klienta samodzielnie edytuje wszystkie treści.

Trzy wymagania, które ukształtowały projekt

• Dwujęzyczność bez dublowania serwisu — treści miały być prezentowane po ukośniku (PL / EN), bez przełącznika języka i bez drugiego zestawu adresów.
• Formularz rejestracyjny z logiką warunkową — inny zestaw zgód dla uczestnika, inny dla prelegenta.
• Obsługa zgłoszeń po stronie klienta — przeglądanie, usuwanie wpisów testowych i eksport listy uczestników bez udziału wykonawcy.

Architektura motywu

Motyw powstał od zera, bez page buildera. Struktura opiera się na trzech filarach: szablonach stron (każda podstrona ma własny plik, a przypisanie szablonu automatycznie odsłania odpowiedni zestaw pól), template parts (sekcje wydzielone do osobnych plików, z których składa się nowe podstrony) oraz polach ACF rejestrowanych w kodzie.

Style napisane w metodologii BEM, mobile-first, bez frameworka CSS. Cała warstwa interakcji to czysty JavaScript — motyw nie ładuje ani jednej zewnętrznej biblioteki.

Autorski system rejestracji

Zamiast wtyczki formularzowej powstało dedykowane rozwiązanie, bo wymagania wykraczały poza to, co dają gotowe narzędzia:

• Kafelki wyboru rodzaju uczestnictwa zamiast zwykłych pól radio.
• Zgoda na wykorzystanie wizerunku dla prelegentów, rozwijana warunkowo dopiero po wyborze odpowiedniego kafelka.
• Zgoda RODO jako warunek blokujący — odpowiedź „Nie" zwraca komunikat i wstrzymuje wysyłkę.
• Pytania o dostępność — język oprowadzania, tłumacz migowy, potrzeby uczestnika.

Wszystkie pola opisane są w jednej strukturze danych, z której korzysta jednocześnie widok formularza, walidacja serwerowa, treść maila i eksport CSV. Dodanie pola w jednym miejscu propaguje się przez cały system — to ta decyzja, która przesądza, czy przy kolejnej edycji konferencji zmiana zajmie kwadrans, czy dzień.

Zabezpieczenia: nonce, honeypot, pełna sanityzacja i walidacja po stronie serwera. JavaScript odpowiada wyłącznie za komfort użytkownika — jego wyłączenie nie omija żadnej reguły.

Panel „Formularze" w kokpicie

Klient dostał własną zakładkę ze zgłoszeniami — tabelę z datą, danymi zgłaszającego, rodzajem uczestnictwa i instytucją, z rozwijanym podglądem kompletu odpowiedzi. Do tego usuwanie pojedyncze i zbiorcze, do czyszczenia wpisów testowych przed startem, oraz wyszukiwarka filtrująca również eksport.

Dwujęzyczność po ukośniku

Formularz, agenda i sekcja opisowa prezentują treść w formacie „Polski / English". Strona pozostaje technicznie jednojęzyczna — bez wtyczki tłumaczeniowej, drugiego zestawu adresów i podwójnego kosztu utrzymania.

Sekcja „O wydarzeniu" dzieli się na dwie kolumny z plakietkami PL i EN, rozdzielone cienką linią; przy braku wersji angielskiej układ automatycznie wraca do jednej kolumny. To rozwiązanie świadomie inne niż przy platformie B2B dla Modeki, gdzie każdy rynek musiał mieć własne adresy i własne SEO — tutaj strona żyje kilka miesięcy wokół jednego wydarzenia, więc pełna wielojęzyczność byłaby kosztem bez pokrycia.

Import treści jednym kliknięciem

Agenda konferencji to kilkanaście punktów programu, każdy z listą prelegentów i afiliacjami — w dwóch językach. Zamiast ręcznego przepisywania z dokumentów przygotowaliśmy import: przycisk w metaboksie wypełnia komplet pól treścią z materiałów klienta. Po imporcie wszystko pozostaje normalnie edytowalne.

Dostępność

Semantyczna struktura, obsługa klawiatury z widoczną obwódką fokusa, skip link, opisy dla czytników ekranu, kontrast zgodny z WCAG. Wszystkie animacje respektują ustawienie prefers-reduced-motion.

Przy tym projekcie dostępność miała dodatkowy ciężar: sam formularz pyta o tłumacza migowego i potrzeby uczestników. Trudno prowadzić konferencję o dostępności dziedzictwa na stronie, której nie da się obsłużyć z klawiatury. Więcej o tym, jak podchodzimy do takich audytów, na stronie audyt dostępności WCAG.

Efekt

Pełna niezależność redakcyjna. Każdy element — od nagłówka hero, przez agendę i sylwetki prelegentów, po dane w stopce i treść maili potwierdzających — jest edytowalny z panelu. Klient nie potrzebuje wykonawcy do aktualizacji treści.

Lekki front. Brak page buildera, brak zewnętrznych bibliotek JS, wyłączone zbędne komponenty WordPressa: blog, komentarze, kanały RSS i XML-RPC. Motyw robi dokładnie to, czego wymaga wydarzenie, i nic ponadto.

Gotowość na kolejne edycje. „Taka sama strona jak poprzednio" okazała się dobrym punktem wyjścia do czegoś znacznie lepszego. Wygląd został odtworzony, ale pod nim stanął system, na którym może ruszyć każda następna edycja konferencji — z nową treścią wprowadzoną przez zespół organizatora.

Strona dostępna pod adresem scthub.grupamontownia.pl

Realizacja dla jednostki miejskiej z Krakowa — o pracy z klientami z miasta i okolic piszemy na stronie tworzenie stron internetowych Kraków. Jak podchodzimy do dedykowanych motywów: strony internetowe na WordPressie.