Po siedmiu latach ze starą wizualizacją stałoszerokościową w 2015 roku przebudowałem holas.pl od zera na w pełni responsywny motyw WordPress.

Kluczowa zmiana była architektoniczna: zastąpienie dwóch oddzielnych szablonów (układ desktopowy + skóra mobilna serwowana przez detekcję user-agent) jedną płynną bazą kodu. Jeden motyw, jeden arkusz styli, wszystkie rozmiary ekranów obsługiwane przez media queries w CSS. Podejście z oddzielną skórą działało w 2008 roku, ale do 2015 stało się kulą u nogi — każda zmiana treści lub stylu wymagała podwójnej pracy, a rosnąca różnorodność urządzeń sprawiała, że binarne rozróżnienie desktop/mobile było coraz mniej adekwatne.

holas.pl — nowa wizualizacja RWD

Motyw zbudowałem od zera na WordPressie — szablony PHP zgodne z hierarchią szablonów WP, CSS kompilowany z SCSS, płynna siatka z breakpointami dla telefonu, tabletu i desktopu. Przy okazji przeniosłem stronę na nowy serwer: Banana Pi z Debianem działający 24/7 — temat opisany osobno.

Responsywna przebudowa działała dobrze i wizualizacja służyła przez kilka kolejnych lat. Jednak praca z WordPressem coraz częściej oznaczała walkę z jego abstrakcjami zamiast budowania z nim — ekosystem pluginów, ograniczenia PHPowego szablonowania, kwestie deploymentu. W końcu zastąpiłem WordPressa własną aplikacją Symfony generującą statyczny HTML. Ta historia zaczyna się tutaj: 17 lat z WordPressem — dlaczego odszedłem.