10+ najlepszych wtyczek WordPress „Spis treści”

Długie posty dominują w wynikach wyszukiwania, wszyscy o tym wiedzą. Ale jak odwiedzający poruszają się po gigantycznym fragmencie treści?

Odpowiedź jest bardzo prosta – dodaj spis treści (ToC) do swoich postów na blogu. Dostarczy to jasnych informacji o zawartości posta i umożliwi im przejście bezpośrednio do interesującego ich miejsca. Prowadzi to również do znacznej poprawy komfortu użytkowania.

Co więcej, dodanie spisu treści poprawi widoczność Twoich treści w wyszukiwarkach. W przypadku artykułów z ToC, Google doda linki pod metaopisem, aby przejść do linków bezpośrednio z wyników wyszukiwania.

Ponieważ dodanie ToC oferuje tak wiele korzyści, sensowne jest dodanie spisu treści do bloga WordPress. Istnieje kilka wtyczek WordPress, które Ci w tym pomogą. Czytaj dalej, aby dowiedzieć się więcej o najlepszych wtyczkach spisu treści WordPress.

Najlepsze wtyczki WordPress ze spisem treści

Mimo że w repozytorium WordPressa dostępna jest spora liczba wtyczek spisu treści, większość z nich jest przestarzała. Używanie przestarzałej wtyczki nie jest dobrym pomysłem.

Aby pomóc Ci znaleźć odpowiednią wtyczkę, przygotowałem listę 10+ najlepszych wtyczek WordPress ze spisem treści.

*Ten spis treści jest tworzony za pomocą Ultimate Blocks.

Pokażę Ci również, jak ręcznie dodać spis treści w WordPress.

Teraz zacznijmy od pierwszej wtyczki WordPress ToC.

1. Ostateczne bloki

Ultimate Blocks nie jest dedykowaną wtyczką „Spis treści”, ale oferuje kolekcję „Niestandardowe bloki Gutenberga”, w tym blok „ Spis treści ”. To niezbędna wtyczka dla użytkowników Gutenberga.

Wtyczka nie posiada żadnych dodatkowych ustawień. Po aktywacji wtyczki wystarczy wstawić blok „Spis treści” do posta na blogu.

Automatycznie wygeneruje spis treści z nagłówków. Możesz zmienić nazwę swojego spisu treści. I możesz go umieścić w dowolnym miejscu.

Rzeczy, które należy wiedzieć przed wybraniem tej wtyczki

• Nie jest to dedykowana wtyczka ToC, a raczej zbiór niestandardowych bloków Gutenberga.
• Nie będzie działać w edytorze klasycznym WordPress. Musisz mieć redaktora Gutenberga.

2. Łatwy spis treści

Jak można się domyślić po nazwie, ta wtyczka zapewnia łatwy sposób dodawania ToC do witryny WordPress. Wtyczka automatycznie wygeneruje ToC , zbierając nagłówki treści. Doskonale współpracuje z postami, postami niestandardowymi i stronami.

Istnieją oddzielne opcje umożliwiające automatyczne wstawianie ToC w różnych typach treści. Możesz również wybrać pozycję spisu treści . Dostępne opcje obejmują przed lub po pierwszym nagłówku, górę lub dół treści.

Możesz ustawić minimalną liczbę nagłówków, aby pokazać ToC. Dzięki temu możesz ukryć ToC przed krótszymi postami. Jako typ licznika możesz wybrać alfabet numeryczny, alfabet łaciński lub dziesiętny.

Wtyczka zawiera również kilka potężnych opcji dostosowywania . Na przykład możesz wybrać dowolną ze względnych lub stałych szerokości zdefiniowanych przez wtyczkę lub podać niestandardową szerokość. Znajdziesz również osobne pole do określenia rozmiaru czcionki.

Dostępnych jest pięć gotowych motywów , które pomogą Ci zacząć. Możliwe jest jednak również utworzenie własnego motywu, wybierając kolory tła, obramowania, tytułu, linku, najechania linkiem i odwiedzonego linku. Sekcja ustawień zaawansowanych umożliwia zdefiniowanie, które tagi nagłówka powinny znaleźć się w spisie treści.

Typowy ToC utworzony za pomocą „Łatwego spisu treści” wygląda jak…

Co należy wiedzieć przed użyciem tej wtyczki

• Jest to najpopularniejsza wtyczka ToC kompatybilna z obecną wersją WordPressa.
• Jest to darmowa wtyczka, którą możesz pobrać z repozytorium WordPress.org.

3. Spis treści Plus

Według liczb, Table of Content Plus jest najpopularniejszą wtyczką spisu treści w repozytorium WordPress. Ponad 300 000 stron internetowych korzysta z tej wtyczki.

Oferuje najprostszy sposób na dodanie ToC do Twojej witryny WordPress. Wtyczka umożliwia wyświetlanie spisu treści we wszystkich Twoich postach, stronach i niestandardowych typach postów. Możliwe jest włączenie automatycznego wstawiania ToC dla różnych rodzajów treści.

Możesz wyświetlić ToC w różnych lokalizacjach, na przykład przed lub po pierwszym nagłówku, na górze lub na dole treści. Dostępna jest przydatna opcja określenia minimalnej liczby tagów nagłówka do wyświetlania spisu treści.

Domyślnie wtyczka wyświetla „Zawartość” jako nagłówek ToC. Możesz zastąpić to własnym tekstem lub całkowicie ukryć nagłówek. Możesz umożliwić odwiedzającym przełączanie widoczności ToC i początkowo ukryć ToC.

Inne godne uwagi opcje obejmują wyświetlanie liczb w spisie treści, pokazywanie hierarchii, włączanie efektu płynnego przewijania i tak dalej.

ToC+ zawiera kilka opcji dostosowywania. Umożliwiają one zdefiniowanie długości ToC, stylu zawijania i rozmiaru czcionki. Możesz wybrać dowolny z pięciu domyślnych stylów ToC lub stworzyć własny projekt od podstaw.

Wtyczka zawiera również kilka niestandardowych skrótów. Możesz użyć tych skrótów, aby pokazać ToC w niestandardowych lokalizacjach, ukryć ToC przed określoną treścią, pokazać pełną mapę witryny lub tylko posty, strony lub kategorie w mapie witryny.

Typowy ToC utworzony za pomocą „Spisu treści Plus” wygląda jak –

Rzeczy, które należy wiedzieć przed wybraniem tej wtyczki

• Ta wtyczka nie była testowana z ostatnimi 3 głównymi aktualizacjami WordPressa.
• Zalecamy użycie innej wtyczki z tej listy jako alternatywy Spis treści Plus.

4. Dodatki Qi dla Elementora

Wraz z zestawem ponad 100 gotowych, w pełni elastycznych widżetów, dodatki Qi do Elementora to wszechstronny wybór wtyczek freemium. Jest wyposażony w dodatki, które pozwolą Ci w pełni wzbogacić wygląd Twoich stron i sekcji, niezależnie od tego, jaką masz witrynę. Dzięki tej wtyczce będziesz mógł używać wszystkiego, od dodatków biznesowych i prezentacyjnych po typografię, kreatywność, a nawet widżety oparte na SEO.

Spis treści to jeden z takich widżetów, który zapewni Ci kilka praktycznych i elastycznych opcji tworzenia różnych typów spisów treści dla Twojej witryny i dostosowania ich do Twoich preferencji. Możesz dodać tytuł, podtytuł i dodatkowy tekst, a nawet je pominąć, jeśli chcesz. Ponadto będziesz mógł ustawić tagi tytułu i podtytułów, zmienić kolory każdego elementu i szczegółowo dostosować typografię dla każdej sekcji. Ponadto dostępna jest zgrabna sekcja Styl listy z opcjami wyboru takich elementów, jak typ listy, pozycja i styl .

Typowy ToC utworzony za pomocą „Dodatków Qi do widżetu spisu treści Elementora” wygląda następująco:

Rzeczy, które należy wiedzieć przed wyborem wtyczki:

• Musisz mieć zainstalowany Elementor, aby wtyczka Qi Addons for Elementor działała.
• Dodatki Qi do Elementora to wtyczka freemium, a widżet spisu treści jest dostępny za darmo.

5. Naprawiono TOC

Ta stylowa wtyczka umożliwia tworzenie i wyświetlanie spisu treści w unikalnym stylu w witrynie WordPress. Wtyczka Fixed TOC przeskanuje zawartość i automatycznie utworzy ToC na podstawie nagłówków. Działa poprawnie ze wszystkimi typami treści.

Istnieją dwa sposoby na pokazanie ToC – inteligentny pokaz i naprawione na pasku bocznym . Wtyczka zawiera kilka atrakcyjnych stylów, które pomogą Ci zacząć. Możesz dostosować czcionkę, kolor, położenie, rozmiar itp. dla tych stylów.

Dzięki funkcji płynnego przewijania odwiedzający mogą przewijać do dowolnej sekcji za pomocą ToC. Wskaźnik nagłówka pokaże ich aktualną pozycję w treści.

Jeśli twoja treść zawiera dodatkowe punkty pod każdym podtytułem, ToC wydłuży się. Wtyczka Fixed TOC opracowała unikalne rozwiązanie tego problemu. Odwiedzający mogą przełączać podtytuły, aby wyświetlić lub ukryć dodatkowe punkty.

Możesz dostosować kolory ToC z sekcji dostosowywania na żywo. W pełni responsywny spis treści działa świetnie również na urządzeniach mobilnych i tabletach.

Typowy spis treści utworzony za pomocą „stałego spisu treści” wygląda jak…

Rzeczy, które należy wiedzieć przed wybraniem tej wtyczki

• Za pomocą tej wtyczki możesz wyświetlać zarówno stałe, jak i zmienne ToC.
• To wtyczka premium, która kosztuje 20 USD.

6 . Heroiczny spis treści

Stworzona przez zespół HeroThemes, jest to jedna z najlepszych wtyczek ToC do edytora bloków. Heroiczny spis treści automatycznie tworzy spis treści, wykrywając nagłówki postu/postu. Musisz dodać blok „Bohaterski spis treści”, w którym chcesz dodać ToC.

Wtyczka zawiera cztery wbudowane style i opcje dostosowywania wyglądu spisu treści. Możesz ukryć poszczególne nagłówki i zmienić tekst nagłówków bez zmiany oryginalnej zawartości. Możesz także dodać opcję rozwijania i zwijania.

Typowy ToC stworzony za pomocą heroicznego spisu treści wygląda następująco:

Rzeczy, które należy wiedzieć przed wyborem wtyczki

• Ta wtyczka działa tylko z edytorem Block.
• To całkowicie darmowa wtyczka.

7. ProsteTOC

Jak sama nazwa wskazuje, jest to bardzo prosta i łatwa w użyciu wtyczka. Po zainstalowaniu wtyczki nie musisz konfigurować żadnych ustawień. Przejdź do edytora, wyszukaj blok „SimpleTOC” i dodaj go do swojego posta/strony. Automatycznie doda spis treści.

Ta wtyczka jest kompatybilna z AMP i dziedziczy styl twojego motywu. Możesz zmienić maksymalną głębokość nagłówków i wybrać uporządkowaną lub nieuporządkowaną listę.

Typowy ToC utworzony za pomocą SimpleTOC wygląda następująco:

Rzeczy, które należy wiedzieć przed wyborem wtyczki:

• Ta wtyczka jest stworzona tylko dla Gutenberga.
• To całkowicie darmowa wtyczka.

8. Bogaty spis treści

Bogaty spis treści zawiera kilka zaawansowanych opcji projektowych. Możesz dostosować projekty list H2 i H3. Możesz także dodać ramkę i animację do spisu treści. Ma sześć ustawień wstępnych projektu.

A jeśli chodzi o dostosowywanie koloru, pozwala zmienić kolory tytułu, tekstu, tła, obramowania, nagłówków i przycisku powrotu do. Posiada również kilka zaawansowanych ustawień.

Typowy ToC stworzony z bogatym spisem treści wygląda następująco:

Rzeczy, które należy wiedzieć przed wyborem wtyczki

• Ta wtyczka automatycznie generuje ToC dla wszystkich Twoich postów.
• To darmowa wtyczka.

9. CM Spis treści

CM Spis treści to najbardziej aktualna wtyczka Spis treści w katalogu WordPress. Jest tworzony przez zespół CreativeMinds.

Wtyczka zawiera dedykowaną opcję, która zapewnia wyświetlanie spisu treści tylko w pojedynczych postach i stronach. Możliwe jest również podanie własnego tytułu dla ToC. Wszystkie opcje administracyjne znajdziesz na stronie CM Spis treści > Ustawienia.

A wtyczka nie generuje ToC automatycznie. Aby włączyć ToC, musisz zaznaczyć pole na końcu treści.

Istnieją dedykowane pola do zarządzania sześcioma poziomami ToC. Dla każdego poziomu możesz zdefiniować odpowiedni tag nagłówka, przypisać niestandardowy identyfikator lub klasę oraz wybrać rozmiar czcionki.

Jeśli potrzebujesz zaawansowanych opcji , takich jak automatyczne tworzenie ToC, wstawianie ToC do niestandardowych lokalizacji, zwijanie ToC po załadowaniu strony i wiele stron ToC, musisz kupić wersję premium wtyczki.

Typowy ToC utworzony za pomocą „Spisu treści CM” wygląda jak…

Rzeczy, które należy wiedzieć przed wybraniem tej wtyczki

• Ma tylko ponad 800 aktywnych instalacji, ale otrzymuje regularne aktualizacje.
• Ma zarówno wersję darmową, jak i premium. Plan premium zaczyna się od 29 USD za 2 strony internetowe.

10. Wielostronicowy

Jak sama nazwa wskazuje, tworzy spis treści dla wielu stron. Ta wtyczka pozwala podzielić post na wiele podstron. A spis treści możesz wyświetlić na pierwszej lub każdej podstronie.

Spis treści przekieruje użytkowników na podstrony. I będzie to liczone jako odsłona.

Wtyczka pozwala również dostosować wygląd, jeśli masz wiedzę na temat CSS. Możesz utworzyć nowy plik multipate.css i umieścić go w folderze motywu /css/.

Typowy ToC utworzony za pomocą „wielostronności” wygląda jak…

Rzeczy, które należy wiedzieć przed wybraniem tej wtyczki

• Używaj tej wtyczki tylko wtedy, gdy masz zamiar utworzyć podstrony swojego posta/strony na blogu.
• Jest to darmowa wtyczka dostępna w repozytorium WordPressa.

11. Spis treści Elementora

Elementor, najlepszy program do tworzenia stron dla WordPressa, niedawno dodał widżet „Spis treści” dla profesjonalnych użytkowników. Pozwala dodać dynamiczny spis treści do strony zbudowanej za pomocą Elementora. Zapewni to Twoim czytelnikom lepszą czytelność.

Możesz dostosować ToC, aby dopasować go do projektu Twojej witryny. A spis treści jest w pełni responsywny, aby dopasować się do wszystkich wymiarów ekranu.

Typowy ToC stworzony za pomocą Elementora wygląda następująco:

Rzeczy, które należy wiedzieć przed wyborem wtyczki:

• Aby korzystać ze spisu treści, musisz mieć zainstalowany Elementor Pro.
• Cały Twój post / strona musi być zbudowany za pomocą Elementora, aby z niego korzystać.

12. Spis treści autorstwa Thrive Architect

Thrive Architect to nie tylko generator spisu treści, to kompletny kreator stron z mnóstwem funkcji.

Oferuje zautomatyzowany element konstruktora ToC . Po wstawieniu elementu do treści automatycznie utworzy ToC. Możesz przeciągnąć i upuścić element w dowolne miejsce treści.

Następnie wybierz tagi nagłówka (h1-h6), które chcesz uwzględnić w tabeli. Gdy to zrobisz i klikniesz aktualizację, ToC zostanie automatycznie utworzony dla Ciebie. To takie proste.

Istnieje wiele opcji administracyjnych, które pomogą Ci kontrolować spis treści. Przede wszystkim możesz podać niestandardową nazwę sekcji. Opcje Maksymalna szerokość i Minimalna szerokość umożliwiają ustawienie szerokości. Możliwy jest również wybór wyrównania tekstu. Dostępne opcje wyrównania to do lewej, do prawej, wyjustowane i wyśrodkowane.

Domyślne ustawienie utworzy ToC w dwóch kolumnach. Możesz to zmienić, aby utworzyć jedno-, dwu- lub trzykolumnowy spis treści. Istnieją osobne opcje używania niestandardowego marginesu i dopełnienia dla tej sekcji. Możesz także wybrać kolory tła, obramowania i nagłówka.

Typowy ToC stworzony za pomocą „Thrive Architect” wygląda jak….

Thrive Architect oferuje najbardziej dynamiczny sposób dodawania spisu treści. Oferuje pełne opcje dostosowywania. Oto jak wygląda typowy ToC.

Rzeczy, które należy wiedzieć przed wybraniem tej wtyczki

• Jest to wtyczka premium do tworzenia stron, która kosztuje 67 USD za jedną witrynę.
• Aby skorzystać z tej opcji spisu treści, musisz zbudować zawartość za pomocą „Thrive Architect”. Chodzi mi o to, że nie możesz go używać w edytorze WordPress.

Są to więc najlepsze wtyczki ToC, których możesz użyć do dodania spisu treści do swoich postów lub stron na blogu.

Teraz chciałbym pokazać również sposób ręczny.

Jak ręcznie dodać spis treści w WordPressie

Tak, możesz dodać spis treści w WordPressie bez użycia wtyczki. A WordPress czyni to niesamowicie łatwiejszym w edytorze Gutenberg.

Zobaczmy, jak możesz dodać ToC w Gutenbergu.

Najpierw zaznacz nagłówek i kliknij „Zaawansowane” po prawej stronie. Następnie musisz wpisać nazwę kotwicy w polu „Kotwica HTML”.

Teraz wróć tam, gdzie chcesz go połączyć. Po prostu zaznacz ten tekst i połącz go z # przed nazwą kotwicy (patrz zrzut ekranu).

Otóż ​​to. Skończyłeś.

Aby dowiedzieć się więcej o sposobach dodawania spisu treści lub linków do kotwic w WordPress, postępuj zgodnie z tym obszernym przewodnikiem autorstwa Kinsta.

Ostatnie słowa

Oto sposoby, za pomocą których możesz dodać spis treści do swojej witryny WordPress.

Osobiście wolę podejście ręczne niż używanie wtyczki. Ale czasami potrzebujemy wtyczki, aby mieć inne funkcje, takie jak włączanie/wyłączanie, pływający spis treści itp.

Jeśli korzystasz z edytora Gutenberg, polecam użyć Ultimate Blocks. To obowiązkowa wtyczka dla użytkowników Gutenberga.

Czy używasz teraz jakiejkolwiek wtyczki kreatora ToC? Jeśli tak, daj mi znać, którego używasz w komentarzach poniżej.