Hero module image

Jak to działa?

Wprowadzenie

Gdy mamy już layout strony możemy podzielić go na sekcje, a następnie przejść do kodowania modułów do wielokrotnego użycia.

Każdy moduł odpowiada danej sekcji, a jego poziom złożoności zależy od tego jak będziemy chcieli z niego korzystać. To tak słowem wstępu, resztę postaram się przedstawić poniżej.

Model modułowy

Jak zobaczysz poniżej, dzięki takiemu modelowi zarządzanie treścią jest bardzo proste, dzięki czemu wiele zmian dasz radę wykonać samodzielnie bez pomocy programisty. Taka jest idea tego projektu.

obraz ekranu dodawania bloków acf

Zacznijmy od tego, jak używać modułów. Są one dostępne po lewej stronie ekranu edycji strony, a wybrany noduł zostaje dodany na środku ekranu, pod poprzednim modułem. Pozycję modułu można łatwo zmieniać w górę lub w dół.

obraz ekranu edycji zakładki Content w bloku ACF

Po kliknięciu modułu ten się otworzy, a wewnątrz znajdziesz dwie zakładki: “Content” i “Settings”. Teksty oraz obrazy dodane w zakładce Content zostaną wyświetlone na stronie. Za wygląd tej treści odpowiada zakładka Settings.

obraz ekranu edycji zakładki Settings w bloku ACF

W zakładce Settings możesz edytować, np. ustawienia tekstu i obrazu, kolor tekstu oraz tła, a także każdą inną opcją którą dodam do tej zakładki, a dodać mogę wszystko 🙂

obraz ekranu edycji stopki

Równie łatwo jak każdą sekcję na stronie można edytować stopkę lub stronę 404.