WordPress + WooCommerce · Gastronomia i wydarzenia

Manuarte

Strona restauracji, show i sali eventowej ze sprzedażą biletów, zbudowana od nowa

Manuarte to restauracja i miejsce wydarzeń w Łodzi z programem Dinner & Show. Projekt zaczął się jako odświeżenie, a skończył jako pełna przebudowa: własny motyw WordPress, sprzedaż biletów na każde show w WooCommerce i własna wtyczka do zgód, analityki i przekierowań.

Rola: Jedyny programista, od projektu w Figmie do migracji
Okres: lipiec - wrzesień 2026
Technologie: WordPress
WooCommerce
PHP
ACF
Custom plugin
Consent Mode v2
GTM
GA4

Manuarte: strona główna na ekranie komputera

wagi filmu w nagłówku, do: −73%
mniej na każdej stronie: ~1,6 MB
przekierowań w jednym kroku 301: 161 / 161
zepsutych linków w audycie: 0

Kontekst

Założenie: dać restauracji, show i sali eventowej, które poprzednia strona przedstawiała razem, osobne, czytelne ścieżki, a analitykę uzależnić od zgody odwiedzającego.

Nowa strona rozdziela trzy oferty, sprzedaje bilety na każde show i zachowuje wszystkie stare adresy.

Co zrobiłem

Własny motyw w PHP z 8 szablonami stron, bez page buildera i bez kroku budowania
Dwa własne typy treści, wydarzenia Dinner & Show i wydarzenia w sali, każde show z własną stroną i produktami biletowymi
Mechanizm sprzedaży biletów na jednorazowe wydarzenia specjalne
Szablony checkoutu WooCommerce dopasowane do projektu
Własna wtyczka: baner Consent Mode v2 z rejestrem zgód, który zapisuje IP tylko jako solony hash, jeden kontener GTM, zdarzenia e-commerce GA4 i śledzenie leadów
Menedżer przekierowań z logiem błędów 404 i import tytułów oraz opisów SEO ze starej strony
Skrypty, które odtwarzają stronę z repozytorium i przeprowadzają migrację

Jak to jest zbudowane

Jak zbudowana jest strona

Motyw
1. 8 szablonów stron
2. Wydarzenia Dinner & Show
3. Wydarzenia w sali
4. Produkty biletowe
Wtyczka
1. Consent Mode v2 + rejestr
2. GTM + e-commerce GA4
3. Przekierowania + log 404
4. Import SEO

WordPress z darmowym ACF, bez page buildera i bez kroku budowania.

Trudne momenty i jak je rozwiązałem

Problem
Analityka ładowała się, zanim znany był stan zgody, a strona z cache mogła podać wybór jednego odwiedzającego innym.
Rozwiązanie
Stała kolejność w <head>: najpierw domyślne zgody, potem GTM. Wybór zgody jest odczytywany tylko w przeglądarce, więc cache strony jest taki sam dla wszystkich.
Problem
Nowa struktura oznaczała nowe adresy, a ruchu z wyszukiwarek na starych nie można było stracić.
Rozwiązanie
Mapa adresów zbudowana z kopii produkcji i sprawdzona na żywej stronie. Wpisy bloga zachowały adresy, a audyt pokazał, że wszystkie 161 przekierowań działa w jednym kroku 301.
Problem
Filmy w nagłówkach i dekoracyjne tła sprawiały, że każda strona była ciężka.
Rozwiązanie
Przekodowane filmy (6,26 → 2,61 MB, 7,04 → 1,96 MB, 4,70 → 1,08 MB), gradienty z PNG na WebP (ok. 1,6 MB mniej na stronę) i żadnego filmu na telefonach.

Wyniki

Filmy w nagłówkach mniejsze o 59-77%, telefony pobierają 0 MB wideo
Ok. 1,6 MB mniej na każdej stronie po zamianie PNG na WebP
Audyt przed startem: 0 zepsutych linków, 313 z 313 zasobów z kodem 200, dostępność w Lighthouse 95-100
161 ze 161 przekierowań w jednym kroku 301