Blog w projekcie stronowym to często element który jest traktowany jako dodatek. „Może kiedyś będziemy pisać artykuły” — i powstaje prosta strona z listą wpisów, domyślny wygląd WordPressa ledwo ostylowany, i temat zamknięty.
Problem pojawia się kiedy firma faktycznie zaczyna pisać. Albo kiedy klient wraca po roku i mówi że blog powinien wyglądać inaczej. Wtedy okazuje się że domyślny układ jest ciężki do zmiany, że wygląd pojedynczego wpisu nie pasuje do reszty serwisu, i że wszystko wymaga przebudowy.
Blog zbudowany dobrze od początku w Divi 5 to dwa szablony w Theme Builderze i kilka decyzji które podejmujesz raz. Potem każdy nowy wpis automatycznie wygląda tak jak powinien.
Dwie warstwy bloga
Blog w WordPressie składa się z dwóch różnych typów stron które wymagają osobnego podejścia.
Archiwum — strona z listą wpisów. To co widzi użytkownik gdy wchodzi na /blog albo klika na kategorię. Siatka lub lista artykułów z miniaturami, tytułami, zajawkami, datami.
Pojedynczy wpis — strona z treścią konkretnego artykułu. Tytuł, featured image, treść, autor, data, powiązane artykuły, komentarze jeśli są włączone.
Oba wymagają osobnego szablonu w Theme Builderze. Oba można zbudować z pełną kontrolą nad wyglądem w Divi 5 — bez zostawiania tego WordPressowi i jego domyślnym stylom.
Szablon archiwum — Loop Builder w akcji
Strona archiwum bloga to pierwsze miejsce gdzie naprawdę potrzebujesz Loop Buildera.
Loop Builder w Divi 5 pozwala zbudować własny układ dla pojedynczego wpisu — jak wygląda jedna karta na liście artykułów — i automatycznie powtórzyć go dla wszystkich wpisów pobieranych z bazy. Zamiast korzystać z gotowego modułu Blog który ma ograniczone opcje stylowania, budujesz dokładnie taki układ jaki potrzebujesz.
W praktyce wygląda to tak: budujesz jeden wiersz z kolumnami, dodajesz moduły — Image, Heading, Text, Button — i przypisujesz im dynamiczne pola. Miniatura wpisu, tytuł wpisu, zajawka, link do wpisu. Loop Builder pobiera te dane automatycznie dla każdego artykułu i powtarza układ.
Efekt: siatka artykułów w dokładnie takim wyglądzie jaki zaprojektowałeś, aktualizująca się automatycznie przy każdym nowym wpisie.
Kilka decyzji które podejmujesz przy budowaniu archiwum:
Blog w Divi 5 — archiwum, wpis i Loop Builder w praktyce
Siatka czy lista — siatka z miniaturami dobrze wygląda gdy artykuły mają mocne zdjęcia. Lista sprawdza się gdy treść jest ważniejsza niż wizualia, albo gdy tematyka jest bardziej techniczna lub informacyjna.
Ile wpisów na stronę — standardowo 9 lub 12 przy siatce trójkolumnowej. Za mało i strona wygląda pusto, za dużo i ładuje się wolno.
Czy pokazywać kategorię i datę — kategoria pomaga użytkownikowi filtrować treści. Data jest ważna przy treściach aktualnych, mniej istotna przy poradnikach które nie tracą wartości.
Paginacja czy infinite scroll — paginacja jest prostsza technicznie i lepsza dla SEO. Infinite scroll jest wygodniejszy w obsłudze ale wymaga dodatkowej konfiguracji.
Szablon pojedynczego wpisu
Pojedynczy wpis blogowy w Divi 5 buduje się przez Theme Builder — tworzysz szablon dla typu „Single Post” i każdy artykuł automatycznie go używa.
Typowy układ wpisu składa się z kilku sekcji:
Header wpisu — tytuł artykułu, featured image, meta informacje. Tu warto użyć dynamicznych pól Divi 5 które automatycznie pobierają tytuł wpisu, datę publikacji, imię autora i kategorię. Budujesz układ raz — dane zmieniają się dla każdego artykułu.
Treść wpisu — główna sekcja z modułem Post Content który wyświetla treść napisaną w edytorze WordPressa. Tutaj ważne jest stylowanie typografii treści — nagłówki H2 i H3 wewnątrz artykułu, listy, cytaty, bloki kodu jeśli blog jest techniczny.
Sekcja autora — opcjonalnie, ale dodaje wiarygodności. Zdjęcie, imię, krótkie bio. Szczególnie ważne jeśli firma ma kilka osób piszących artykuły.
Powiązane artykuły — sekcja na końcu wpisu z linkami do innych artykułów. Zatrzymuje użytkownika na stronie i buduje wewnętrzne linkowanie. Loop Builder pozwala zbudować tę sekcję dynamicznie — artykuły z tej samej kategorii, najnowsze wpisy, albo ręcznie wybrane.
CTA po artykule — często pomijane, a bardzo skuteczne. Użytkownik który doczytał artykuł do końca jest zaangażowany. To dobry moment żeby zaproponować konsultację, zapis do newslettera albo przejście na stronę usługi.
Stylowanie treści wpisu
Jeden techniczny punkt który jest często pomijany przy budowaniu szablonu wpisu: stylowanie typografii wewnątrz treści artykułu.
Treść wpisu to HTML generowany przez edytor WordPressa. Divi 5 może ostylować kontener i otoczenie, ale stylowanie elementów wewnątrz treści — nagłówków H2 i H3, list, cytatów blockquote, tabel — wymaga CSS.
Warto to zrobić przed opublikowaniem pierwszego artykułu, a nie po. Kilkanaście linii CSS w opcjach niestandardowych Divi albo w child theme, które definiują jak wyglądają elementy wewnątrz klasy .entry-content albo kontenera treści. Raz napisane, działają dla wszystkich artykułów.
Bez tego treść artykułów może wyglądać dobrze na szablonie testowym, a potem okazuje się że nagłówki w artykułach są za duże, listy nie mają odpowiednich odstępów, a cytaty wyglądają jak zwykły tekst.
Blog a SEO — kilka decyzji przy budowaniu
Blog jest często głównym źródłem ruchu organicznego w projekcie. Kilka decyzji przy budowaniu szablonu ma bezpośredni wpływ na SEO:
Breadcrumbs — ścieżka nawigacji pokazująca gdzie w strukturze serwisu jest dany wpis. Pomaga zarówno użytkownikom jak i wyszukiwarkom rozumieć strukturę. Divi 5 obsługuje breadcrumbs przez moduł Breadcrumbs albo przez wtyczkę Yoast lub Rank Math.
Czas czytania — informacja ile minut zajmie przeczytanie artykułu. Nie jest kluczowa dla SEO, ale poprawia doświadczenie użytkownika. Wtyczka jak Reading Time WP dodaje to automatycznie.
Schema markup — strukturalne dane dla wyszukiwarek. Wtyczki Yoast i Rank Math dodają podstawowy schema dla wpisów blogowych automatycznie.
Szybkość ładowania — blog z dużą ilością obrazków może ładować się wolno. Lazy loading dla obrazków wewnątrz treści, odpowiedni format i rozmiar miniatur, i ewentualnie wtyczka do cache to minimum dla bloga który ma generować ruch.
Jeden szablon, wszystkie artykuły
Kiedy szablon archiwum i szablon pojedynczego wpisu są gotowe w Theme Builderze, blog jest gotowy na treść.
Każdy nowy artykuł który klient napisze w edytorze WordPressa automatycznie pojawi się w siatce archiwum w zaprojektowanym układzie i otworzy się w szablonie wpisu który zbudowałeś. Bez dodatkowej pracy, bez ręcznego stylowania każdego artykułu osobno.
To jest wartość systemowego podejścia do budowania bloga. Nie budujesz strony z artykułami. Budujesz system który obsługuje wszystkie artykuły — teraz i w przyszłości.