Elegant Themes dodało do Divi nowy moduł Table of Contents, czyli natywny moduł spisu treści. To jedna z tych zmian, które na pierwszy rzut oka wyglądają niepozornie, ale w praktyce bardzo ułatwiają pracę przy blogach, poradnikach, dokumentacji i dłuższych stronach tworzonych w Divi.
Do tej pory, jeśli chcieliśmy dodać do wpisu automatyczny, klikalny spis treści, trzeba było radzić sobie na kilka sposobów: korzystać z zewnętrznych modułów, instalować dodatkowe wtyczki, pisać własne rozwiązania albo generować linki ręcznie.
Sam przez długi czas korzystałem z własnego narzędzia: ToCGen, które przygotowałem właśnie po to, żeby szybciej generować spisy treści dla dłuższych materiałów:
https://ifox.pl/tools/ToCGen/
Teraz ten problem zaczyna znikać, bo Divi otrzymuje własny, darmowy moduł Table of Contents.
Co robi nowy moduł Table of Contents?
Nowy moduł analizuje zawartość strony lub wpisu i automatycznie generuje klikalny spis treści na podstawie nagłówków znajdujących się w treści.
W praktyce oznacza to, że jeśli w artykule używasz nagłówków H2, H3 czy H4, moduł może je wykryć i zbudować z nich uporządkowaną listę linków. Kliknięcie w konkretny punkt przenosi użytkownika bezpośrednio do wybranej sekcji artykułu.
To szczególnie przydatne przy:
- długich wpisach blogowych,
- poradnikach krok po kroku,
- dokumentacji,
- wpisach technicznych,
- rankingach,
- stronach FAQ,
- artykułach SEO,
- wpisach edukacyjnych.
Wcześniej podobne funkcje oferowały zewnętrzne dodatki do Divi, między innymi moduły typu Table of Contents od firm takich jak Pee-Aye Creative, DiviFlash czy Divi Pixel. Na stronie Elegant Themes nadal widoczny jest także marketplace’owy moduł „Divi Table Of Contents Maker”, który automatycznie wykrywa nagłówki i buduje listę klikalnych linków. DiviFlash również oferowało własny moduł TOC z automatycznym generowaniem spisu, wyborem nagłówków i opcjami stylowania.
Różnica polega na tym, że teraz mówimy o rozwiązaniu natywnym w Divi.
Dlaczego to ważna aktualizacja?
Spis treści to nie tylko ozdobnik. To element, który realnie poprawia doświadczenie użytkownika.
Użytkownik od razu widzi strukturę wpisu i może szybko przejść do interesującego fragmentu. Przy dłuższych artykułach ma to ogromne znaczenie, bo nie każdy chce czytać tekst od początku do końca. Często ktoś szuka konkretnej odpowiedzi, sekcji, instrukcji albo fragmentu poradnika.
Dobrze zrobiony spis treści pomaga też uporządkować sam artykuł. Jeśli po wygenerowaniu spisu widzisz chaos w nagłówkach, to znak, że warto poprawić strukturę tekstu.
W praktyce TOC pomaga w trzech obszarach:
1. Czytelność
Artykuł jest łatwiejszy do przeskanowania i zrozumienia.
2. Nawigacja
Użytkownik szybciej trafia do konkretnej części wpisu.
3. SEO i struktura treści
Lepsza hierarchia nagłówków pomaga uporządkować temat i może wspierać widoczność treści w wyszukiwarce.
Sam Elegant Themes w opisie dotychczasowego modułu TOC z marketplace’u wskazywało, że spis treści pomaga poprawić nawigację po wpisie, czytelność i SEO.
Koniec z obejściami i dodatkowymi modułami?
Do tej pory w Divi brak natywnego spisu treści był odczuwalny szczególnie na blogach. Jeżeli ktoś prowadził stronę z dłuższymi wpisami, miał kilka opcji:
- zainstalować dodatkowy moduł lub wtyczkę,
- użyć zewnętrznego dodatku z marketplace’u,
- ręcznie tworzyć linki kotwic,
- wygenerować strukturę poza Divi,
- napisać własny skrypt,
- używać osobnego narzędzia do generowania TOC.
Ja sam przygotowałem narzędzie ToCGen, bo przy większej liczbie artykułów ręczne budowanie spisu treści było po prostu zbyt czasochłonne.
Nowy moduł Table of Contents rozwiązuje ten problem bezpośrednio w Divi Builderze. Dodajesz moduł, ustawiasz tytuł, wybierasz poziomy nagłówków i gotowe.
Jak wygląda konfiguracja modułu?
Na zrzucie ekranu widać, że moduł działa bardzo podobnie do innych modułów Divi.
W ustawieniach można określić między innymi:
- tytuł spisu treści, na przykład „Spis treści”,
- które poziomy nagłówków mają być uwzględnione,
- wygląd modułu w zakładce Design,
- dodatkowe opcje w zakładce Zaawansowane.
Najważniejsze jest to, że moduł może działać automatycznie. Nie trzeba ręcznie przepisywać sekcji wpisu. Divi analizuje nagłówki w treści i generuje listę linków.
Największa zaleta: Theme Builder
Najciekawsze zastosowanie nowego modułu to nie pojedynczy wpis, ale Theme Builder.
Wdrożyłem już ten moduł w szablonie wpisów na WebFlux.pl. Dzięki temu spis treści może pojawiać się automatycznie we wszystkich wpisach blogowych korzystających z danego szablonu.
To oznacza, że nie trzeba dodawać modułu ręcznie do każdego artykułu. Wystarczy umieścić go raz w szablonie wpisu, a Divi będzie generować spis treści dynamicznie dla każdego posta na podstawie jego nagłówków.
To bardzo dobre rozwiązanie dla blogów, które mają dużo poradników, tutoriali i dłuższych treści.
Przykładowe zastosowanie na blogu
Najprostszy scenariusz wygląda tak:
- Tworzysz lub edytujesz szablon wpisu w Divi Theme Builder.
- Dodajesz moduł Table of Contents w miejscu, w którym ma pojawić się spis treści.
- Ustawiasz tytuł, na przykład „Spis treści”.
- Wybierasz poziomy nagłówków, które mają być uwzględnione.
- Stylujesz moduł tak, aby pasował do wyglądu bloga.
- Zapisujesz szablon.
Od tej pory każdy wpis korzystający z tego szablonu może mieć automatyczny spis treści.
Co to zmienia dla twórców stron w Divi?
Dla osób tworzących strony w Divi to bardzo dobra wiadomość. Kolejna funkcja, którą wcześniej trzeba było rozwiązywać zewnętrznie, trafia bezpośrednio do buildera.
To oznacza mniej zależności od dodatkowych wtyczek, mniej ręcznej pracy i prostsze wdrażanie uporządkowanych blogów.
Szczególnie docenią to osoby, które tworzą:
- strony firmowe z blogiem,
- bazy wiedzy,
- portale poradnikowe,
- dokumentacje,
- zaplecza contentowe,
- strony SEO,
- blogi eksperckie.
Podsumowanie
Nowy natywny moduł Table of Contents w Divi to mała, ale bardzo praktyczna aktualizacja. Spis treści był potrzebny w Divi od dawna, szczególnie przy dłuższych wpisach i blogach tworzonych w Theme Builderze.
Wcześniej trzeba było korzystać z zewnętrznych modułów, wtyczek albo własnych rozwiązań. Teraz można dodać spis treści bezpośrednio w Divi, skonfigurować go w builderze i wdrożyć globalnie w szablonie wpisu.
Na WebFlux.pl moduł został już wdrożony w Theme Builderze dla szablonu wpisów, więc kolejne artykuły mogą automatycznie korzystać z nowego spisu treści.
To jedna z tych funkcji, które realnie przyspieszają pracę i poprawiają jakość treści — zarówno dla autora, jak i dla czytelnika.
