Masz stronę na WordPressie, ale brakuje jej porządku, szybkości i nowoczesnego UX? W tym szkoleniu przejdziesz od projektu sekcji po katalogi, filtry i treści dynamiczne – bez kodu i drogich wtyczek. Nauczę Cię korzystać z CPT i ACF, budować czytelne karty ofert, a także zadbać o wersje mobilne. Skupimy się na praktyce: optymalizacji pod Core Web Vitals oraz konfiguracji SEO w Rank Math. Dzięki sprawdzonemu workflow stworzysz skalowalny serwis gotowy na rozwój.

Projekty UX i wersje mobilne

Zaczniemy od uporządkowania struktury stron i sekcji, które realnie prowadzą użytkownika. Zaprojektujesz układy z blokami „Dlaczego warto?”, opiniami i elementami social proof, a także wyróżnionymi wezwaniami do działania. Pokażę, jak ustawić hierarchię nagłówków, odstępy i kontrasty, aby treść była czytelna. W Elementorze zbudujesz przejrzyste gridy i spójne szablony. Przećwiczymy też wersję mobilną: dopasowanie rozmiarów, odstępów i nawigacji oraz sensowne linkowanie wewnętrzne, by przejście przez stronę było proste na każdym ekranie.

CPT i ACF w praktyce

Po uporządkowaniu UX przejdziesz do pracy z danymi. Stworzysz własne typy treści (CPT), np. Usługi, Opinie czy Wydarzenia, i powiążesz je między sobą. W Advanced Custom Fields zaprojektujesz pola, takie jak ceny, lokalizacje, daty czy linki, a następnie wyświetlisz je dynamicznie. Ustawisz informacje raz i użyjesz ich w listach, karuzelach oraz kartach ofert – ze stałym formatem i stylami. Dzięki temu zniknie kopiowanie treści między podstronami, a aktualizacje staną się szybkie i bezpieczne.

Treści dynamiczne

W kolejnych lekcjach skonfigurujesz widoczność warunkową sekcji w Elementorze. Pokażę, jak wyświetlać różne komunikaty nowym i powracającym użytkownikom, jak ukrywać fragmenty strony po wysłaniu formularza oraz jak przygotować promocje czy paski informacyjne tylko dla wybranych kategorii. Dzięki temu dopasujesz przekaz do kontekstu, bez duplikowania bloków na każdej podstronie. Treści będą spójne, a Twoja strona zareaguje na działania użytkownika w sposób prosty i przewidywalny.

Katalogi i filtry bez kodu

Zbudujesz przejrzyste katalogi ofert, usług lub produktów, oparte na CPT i polach ACF. Nauczę Cię tworzyć siatki, karuzele i paginację, a także dodawać prostą wyszukiwarkę. Skonfigurujesz Search & Filter, aby filtrować po kategoriach, tagach oraz polach własnych. W module znajdziesz gotową strukturę pól pod katalog oraz wzór układu karty oferty. Otrzymasz też wskazówki do filtrowania na urządzeniach mobilnych, by wybór był szybki i wygodny. Dzięki temu zachowasz porządek i spójność prezentacji.

Szybkość i Core Web Vitals

Skupimy się na przyspieszeniu serwisu bez kodu. Przejdziesz przez kompresję i formaty obrazów, wdrożysz lazy loading, uporządkujesz CSS i JS oraz ustawisz sensowne wtyczki cache. Nauczę Cię diagnozować wąskie gardła, usuwać zbędne skrypty ze strony i poprawnie ładować fonty, aby witryna była lekka i stabilna. Porównasz wyniki PageSpeed Insights z raportami w Search Console, a gotowe checklisty pomogą utrzymać jakość po każdej zmianie. Efektem będzie responsywna i szybka w odbiorze strona.

SEO z Rank Math i Schema

W kursie pracujemy na darmowym Rank Math. Pokażę konfigurację tytułów i opisów, breadcrumbs, mapy witryny oraz danych strukturalnych. Ustawisz snippety i Schema dla ofert oraz wydarzeń, a także zbudujesz mądre linkowanie wewnętrzne. Zrozumiesz, jak łączyć treści dynamiczne z SEO, by wynik w SERP-ach wyglądał lepiej i przyciągał uwagę. Dodatkowo uporządkujemy nagłówki H1–H3 i anchor‑texty, tak aby wzmacniać kluczowe tematy bez „upychania słów kluczowych”.