Kontekst
Ewa Popielarz pracuje jako redaktorka i korektorka, prowadząc usługi dla wydawnictw i self-publisherów, szkolenia i webinary dla innych redaktorów, blog, podcast oraz publiczne portfolio książek, przy których pracowała. Strona miała połączyć wszystkie te obszary w ramach jednej spójnej identyfikacji, bez tworzenia osobnych, sztywnych szablonów dla każdego typu treści.
Projekt Figma został przygotowany przez grafika. Ja odpowiadałem za pełne wdrożenie WordPress, z naciskiem na elastyczne komponowanie treści zamiast zamkniętego zestawu statycznych podstron.
Projekt Figma został przygotowany przez grafika. Ja odpowiadałem za pełne wdrożenie WordPress, z naciskiem na elastyczne komponowanie treści zamiast zamkniętego zestawu statycznych podstron.
Własne bloki z Carbon Fields
Strona została oparta na bibliotece własnych bloków Gutenberg definiowanych przez Carbon Fields. W przeciwieństwie do narzędzi konfigurowanych głównie z poziomu panelu, Carbon Fields pozwala trzymać definicje bloków w PHP, dzięki czemu warstwa treści jest wersjonowana razem z motywem, a nie utrzymywana osobno w panelu administracyjnym.
Biblioteka obejmuje wzorce powtarzające się na stronie: wprowadzenia do usług, karty opinii, siatki logotypów „zaufali mi”, karty artykułów i podcastów, sekcje CTA oraz zapisy do newslettera. Bloki nie są przypisane do jednego konkretnego szablonu, więc strona główna, strony usługowe, wpisy blogowe i osobne landing page’e mogą korzystać z tego samego zestawu komponentów.
Dla klientki oznacza to, że nowe podstrony nie wymagają tworzenia nowych szablonów. Nowe typy treści można układać z istniejących bloków, a zmiany we wspólnym komponencie aktualizują wszystkie miejsca, w których jest używany.
Biblioteka obejmuje wzorce powtarzające się na stronie: wprowadzenia do usług, karty opinii, siatki logotypów „zaufali mi”, karty artykułów i podcastów, sekcje CTA oraz zapisy do newslettera. Bloki nie są przypisane do jednego konkretnego szablonu, więc strona główna, strony usługowe, wpisy blogowe i osobne landing page’e mogą korzystać z tego samego zestawu komponentów.
Dla klientki oznacza to, że nowe podstrony nie wymagają tworzenia nowych szablonów. Nowe typy treści można układać z istniejących bloków, a zmiany we wspólnym komponencie aktualizują wszystkie miejsca, w których jest używany.
Filtrowalne portfolio zredagowanych publikacji
Portfolio Ewy obejmuje setki książek z różnych kategorii: literaturę piękną, książki dla dzieci, książki kulinarne, komiksy, gry planszowe, ebooki, publikacje religijne, literaturę faktu i poradniki. Strona portfolio pozwala filtrować archiwum według kategorii, a każdy wpis pokazuje okładkę, tytuł, wydawcę oraz rolę Ewy w danym projekcie.
Dzięki temu długa lista publikacji staje się praktycznym narzędziem. Wydawca książek dziecięcych może od razu zobaczyć odpowiednie realizacje, bez przeglądania wszystkich pozostałych kategorii.
Dzięki temu długa lista publikacji staje się praktycznym narzędziem. Wydawca książek dziecięcych może od razu zobaczyć odpowiednie realizacje, bez przeglądania wszystkich pozostałych kategorii.
Zakres techniczny
Wdrożenie zostało przygotowane jako dedykowany motyw WordPress napisany od podstaw, z szablonami, partialami i komponentami wielokrotnego użytku dopasowanymi do projektu Figma. Carbon Fields odpowiada za definicje własnych bloków i struktury pól, a bloki są rejestrowane w kodzie i renderowane przez szablony motywu.
Wpisy portfolio zostały uporządkowane przez dedykowaną taksonomię, która obsługuje filtrowanie kategorii na stronie portfolio. Blog i podcast korzystają ze standardowych mechanizmów WordPress, z dostępem do tej samej biblioteki własnych bloków we wszystkich typach treści.
Warstwa frontendowa została wdrożona bezpośrednio w kodzie, z responsywnymi układami dla różnych szerokości ekranu. Zapis do newslettera działa przez dedykowaną wtyczkę, bez potrzeby tworzenia osobnej integracji.
Wpisy portfolio zostały uporządkowane przez dedykowaną taksonomię, która obsługuje filtrowanie kategorii na stronie portfolio. Blog i podcast korzystają ze standardowych mechanizmów WordPress, z dostępem do tej samej biblioteki własnych bloków we wszystkich typach treści.
Warstwa frontendowa została wdrożona bezpośrednio w kodzie, z responsywnymi układami dla różnych szerokości ekranu. Zapis do newslettera działa przez dedykowaną wtyczkę, bez potrzeby tworzenia osobnej integracji.
Efekt
Strona działa jako jeden centralny punkt dla usług Ewy, szkoleń, portfolio wydawniczego i treści editorialowych. Całość została zbudowana wokół dedykowanego projektu Figma oraz wspólnej biblioteki bloków Carbon Fields.
