Archiwum kategorii to jeden z tych elementów bloga, które często zostawia się WordPressowi „jak leci”. Efekt zwykle jest przewidywalny: wpisy niby się wyświetlają, ale całość nie wygląda jak część projektu, tylko jak domyślna strona systemowa doklejona na końcu.
W Divi 5 nie musisz tego zostawiać przypadkowi. Szablon archiwum kategorii możesz zbudować w Theme Builderze, tak samo jak nagłówek, stopkę czy szablon pojedynczego wpisu. To dobrze wpisuje się w logikę całej sekcji Divi na Webfluxie: najpierw ustawiasz system i szablony, a dopiero potem budujesz pojedyncze elementy strony.
W tym poradniku zrobisz prosty układ archiwum kategorii od zera. Bez wtyczek, bez ręcznego tworzenia osobnych stron dla każdej kategorii i bez bałaganu w strukturze bloga.
Po co w ogóle robić własne archiwum kategorii
Samo działanie kategorii w WordPressie nie jest problemem. Problem pojawia się wtedy, gdy archiwum:
-
nie pasuje wizualnie do reszty strony,
-
nie ma żadnego sensownego nagłówka,
-
pokazuje wpisy w przypadkowy sposób,
-
nie daje użytkownikowi żadnego kontekstu, gdzie właściwie trafił.
Na stronie /divi/ masz już wpis o blogu w Divi 5 oraz osobny poradnik o liście wpisów przez Loop Builder, więc naturalnym rozwinięciem jest właśnie archiwum kategorii jako osobny, wykonawczy element całego systemu blogowego.
Zanim zaczniesz
Dobrze mieć przygotowane trzy rzeczy:
-
kilka wpisów przypisanych do kategorii,
-
nazwy kategorii, które naprawdę coś znaczą,
-
ogólny pomysł, czy archiwum ma być bardzo proste, czy bardziej rozbudowane.
Najważniejsze jest to, żeby nie budować archiwum „w ciemno”. Jeśli masz tylko jedną kategorię i dwa wpisy testowe, trudno ocenić, czy układ naprawdę działa.
Krok 1 — otwórz Theme Builder
W panelu WordPress przejdź do:
Divi → Theme Builder
Na stronie Webfluxu Theme Builder jest pokazany jako jedno z podstawowych narzędzi pracy z Divi 5: właśnie tam budujesz nagłówek, stopkę i szablony dla powtarzalnych typów treści.
Kliknij:
Add New Template
Następnie wybierz warunek dotyczący archiwów, kategorii albo wszystkich archiwów wpisów — zależnie od tego, jak chcesz to ustawić w projekcie.
Jeśli chcesz zacząć najprościej, wybierz szablon dla kategorii wpisów. Dzięki temu każda strona kategorii dostanie ten sam układ, a Divi będzie podstawiał odpowiednie dane automatycznie.
Krok 2 — dodaj Custom Body
W nowym template kliknij:
Add Custom Body
i zacznij od pustego layoutu.
To ważny moment: nie tworzysz zwykłej strony blogowej, tylko szablon archiwum, który ma działać globalnie dla wielu kategorii. Dokładnie tak samo działa to przy nagłówku, stopce i pojedynczym wpisie — raz budujesz strukturę, a potem zarządzasz nią centralnie. Tę logikę mocno podkreśla sama architektura sekcji /divi/, gdzie fundamenty i szablony stoją przed budowaniem pojedynczych stron.
Krok 3 — zbuduj górę archiwum: tytuł i krótki opis
Najprostsze archiwum kategorii powinno zacząć się od sekcji nagłówkowej.
Dodaj:
-
Heading Module z dynamicznym tytułem archiwum,
-
opcjonalnie Text Module z opisem kategorii, jeśli go używasz,
-
ewentualnie krótki lead, który porządkuje użytkownikowi, co znajdzie niżej.
To wystarczy.
Dzięki temu użytkownik od razu widzi:
-
w jakiej kategorii jest,
-
czego dotyczą wpisy,
-
że to nie jest przypadkowa lista, tylko uporządkowana część bloga.
Krok 4 — dodaj listę wpisów
To jest serce całego archiwum.
Na Webfluxie masz już osobny poradnik „Lista wpisów bez wtyczki — Loop Builder w Divi 5 krok po kroku”, więc tutaj nie trzeba od nowa tłumaczyć całej filozofii listingu. W tym wpisie archiwum powinno być potraktowane jako konkretne zastosowanie tego mechanizmu w szablonie kategorii.
Dodaj sekcję z listą wpisów i ustaw ją tak, żeby pobierała posty z bieżącego archiwum.
Najczęściej dobrze działa prosty układ:
-
obrazek wyróżniający,
-
tytuł wpisu,
-
krótki excerpt,
-
przycisk lub link „Czytaj dalej”.
Na start nie komplikuj tego bardziej.
Krok 5 — zadbaj o logikę listy, nie tylko o wygląd
Dobre archiwum kategorii to nie tylko „kafelki z postami”.
Sprawdź:
-
ile wpisów pokazujesz na stronie,
-
czy kolejność jest sensowna,
-
czy excerpt nie jest za długi,
-
czy karty wpisów mają równy rytm,
-
czy użytkownik szybko rozumie, gdzie kliknąć.
To ważne, bo na /divi/ blog jest pokazany jako osobny typ strony w projekcie, a nie jako dodatek. Skoro blog ma mieć własną logikę, to archiwum kategorii też powinno działać jak część przemyślanej ścieżki, a nie tylko automatyczny spis postów.
Krok 6 — dodaj pagination albo zostaw prostą pierwszą wersję
Jeśli wpisów w kategoriach będzie więcej, warto dodać paginację.
Ale nie musisz robić wszystkiego od razu.
Pierwsza sensowna wersja archiwum może mieć po prostu:
-
nagłówek,
-
listę wpisów,
-
podstawową nawigację między stronami archiwum.
To w zupełności wystarczy, żeby zbudować działający szablon. Rozbudowę zostaw na moment, gdy naprawdę zobaczysz, że blog ma już większą objętość.
Krok 7 — nie mieszaj archiwum z landing page’em
To częsty błąd.
Archiwum kategorii nie musi mieć:
-
wielkiej sekcji hero,
-
kilku CTA,
-
długiego intro,
-
sześciu dodatkowych bloków „dla SEO”.
To nie jest strona główna ani strona usługi. Na /divi/ te typy stron są już osobno opisane jako własne byty projektowe, więc archiwum bloga nie powinno próbować udawać któregoś z nich.
Jego rola jest prostsza:
-
powiedzieć, co to za kategoria,
-
pokazać wpisy,
-
pomóc przejść dalej.
I tyle.
Krok 8 — sprawdź kilka kategorii, nie jedną
Po zapisaniu szablonu sprawdź od razu:
-
kategorię z większą liczbą wpisów,
-
kategorię z małą liczbą wpisów,
-
kategorię z długą nazwą,
-
kategorię bez opisu.
To najlepszy test, czy szablon naprawdę działa jako system, a nie tylko jako jeden ładny przykład. Cała sekcja Divi na Webfluxie jest zresztą zbudowana wokół takiego podejścia: najpierw porządek w systemie, potem skalowanie na kolejne elementy projektu.
Najczęstszy błąd przy budowie archiwum kategorii w Divi 5
Najczęstszy błąd nie polega na ustawieniu złego modułu.
Polega na tym, że archiwum jest traktowane jak przypadkowa lista wpisów:
-
bez tytułu,
-
bez opisu,
-
bez spójności z resztą strony,
-
bez sensownego layoutu.
Wtedy blog istnieje technicznie, ale nie działa dobrze użytkowo.
Drugim błędem jest przeciwna skrajność: zrobienie z archiwum zbyt ciężkiej strony, która ma za dużo sekcji i odciąga uwagę od samych wpisów.
Jak powinno wyglądać dobre pierwsze archiwum
Pierwsze archiwum kategorii w Divi 5 powinno być:
-
proste,
-
czytelne,
-
spójne z resztą projektu,
-
oparte na jednym, globalnym szablonie,
-
łatwe do rozwijania później.