5 najlepszych wtyczek spisu treści dla WordPress

Opublikowany: 2022-06-15
Podsumowanie » W przyszłości zespół Automattic planuje dodać „natywną” funkcjonalność ToC do WordPressa. Ale do tego czasu użytkownicy WordPressa muszą znaleźć swoje rozwiązanie za pomocą wybranego motywu lub korzystając z jednej z bezpłatnych wtyczek w katalogu wtyczek WordPress. Dlatego w tym poście przyjrzymy się najpopularniejszym wtyczkom spisu treści do WordPressa!

Spis treści
  • #1 – Heroiczny spis treści
  • #2 – LuckyWP Spis treści
  • #3 – SimpleTOC
  • #4 – Łatwy spis treści
  • #5 – TOP Spis treści

Jeśli zamierzasz zainwestować swój czas w pisanie szczegółowych artykułów, stworzenie planu najważniejszych punktów do dyskusji to długa droga. Następnie, gdy piszesz podstawową treść – możesz zacząć dodawać/usuwać podsekcje, które dodatkowo ulepszają artykuł. Na koniec powinieneś mieć solidną listę głównych punktów dyskusji, z odpowiednimi podtytułami, które zawierają bardziej szczegółowe informacje.

Innymi słowy, najlepszy rodzaj pisania ma miejsce, gdy jesteś w stanie stworzyć solidny spis treści na konkretny temat, na którym się koncentrujesz. W ten sam sposób pomocne jest również przekazanie pełnego obrazu swoim czytelnikom. W ostatnich latach widżet spisu treści stał się prawie obowiązkowy w przypadku postów na blogu, które mieszczą się w zakresie 1000 słów.

A dzieje się tak dlatego, że w wielu przypadkach – ludzie szukają konkretnych odpowiedzi, a nie długiej listy kwestii do dyskusji, które być może nie są krytyczne dla ich pytania. Na szczęście WordPress (wtyczki) umożliwia stosunkowo łatwe dodawanie spisu treści do postów na blogu .

W tym artykule zamierzam przejrzeć nie tylko wtyczkę, której sam używam na tym blogu, ale także kilka alternatyw, które moim zdaniem świetnie pasowałyby do określonych scenariuszy. Przede wszystkim posiadanie wielu opcji pozwala wybrać tę, która najlepiej pasuje do projektu motywu, jeśli nie chcesz samodzielnie dostosowywać projektu widżetu.


#1 – Heroiczny spis treści

Heroiczny spis treści

Po wypróbowaniu różnych wtyczek, które potencjalnie mógłbym wykorzystać na tym blogu – zdecydowałem się na wtyczkę Heroic ToC, ponieważ ma wszystkie funkcje, których potrzebuję. W szczególności mogę wybrać, czy spis treści ma pozostać otwarty, czy go zamknąć.

I można to zrobić indywidualnie dla każdego posta na blogu.

Powodem, który jest dla mnie ważny, jest to, że prawie zawsze będę dodawać ToC do moich postów na blogu, nawet jeśli artykuł zawiera tylko kilka kluczowych punktów do omówienia. Powodem tego jest wyszukiwarka Google. Jeśli nie znasz, wyszukiwarka Google może interpretować linki do podstron (znane również jako kotwice HTML) i wyświetlać je bezpośrednio na stronach wyników wyszukiwania. To wygląda tak:

Jest to przydatne, ponieważ użytkownicy wyszukujący określone zapytania mogą bezpośrednio przejść do sekcji omawiającej temat/zapytanie, którego szukali. Tak więc, nawet jeśli post na blogu jest stosunkowo krótki – nadal jest to świetny sposób na uporządkowanie treści w celu uzyskania najlepszej prezentacji Google.

Wtyczka Heroic ma wbudowane 4 style, ale osobiście – stwierdziłem, że stosunkowo łatwo jest pobrać odpowiednią klasę CSS i dostosować styl widgetu do moich upodobań. A korzystanie z niego jest tak proste, jak wybranie odpowiedniego bloku na stronie edycji posta. Masz również możliwość wyświetlenia/ukrycia określonych tagów nagłówków, takich jak h1, h2, h3 itd.

#2 – LuckyWP Spis treści

Spis treści LuckyWP

Powiedziałbym, że projekt LuckyWP jest prawdopodobnie jednym z bardziej rozpoznawalnych. Z nieco ponad 90 000 aktywnych instalacji – ta wtyczka jest używana w wielu różnych blogach WordPress. Kompaktowa konstrukcja z wbudowaną hierarchią nagłówków sprawia, że ​​dodawanie spisu treści do postów jest bardzo łatwe.

Jeśli nie chcesz ręcznie konfigurować ToC – możesz wybrać opcję automatycznego wstawiania, która umieści spis treści we wszystkich Twoich postach na blogu. Można to skonfigurować tak, aby było umieszczane w określonej lokalizacji posta na blogu. A dla jeszcze głębszej personalizacji – możesz umieścić widżet shortcode ręcznie. Powinno to również działać całkiem dobrze z widżetowymi obszarami, co oznacza, że ​​możesz zastosować lepki efekt do widżetu i mieć przyklejony widżet ToC na swoich blogach.

#3 – SimpleTOC

SimpleTOC – blok spisu treści

Tak więc jedną rzeczą, której jeszcze nie poruszyliśmy, jest fakt, że wiele z tych wtyczek używa JavaScript do ich funkcjonalności. Oznacza to, że jeśli Twoja przeglądarka (lub odwiedzający) nie obsługuje JS – nie będzie możliwe włączenie lub wyłączenie spisu treści. Jest to głównie problem, gdy początkowo wyświetlasz widżet ToC jako zamknięty. Niemniej jednak, jeśli starasz się, aby Twoja witryna była jak najbardziej dostępna, skorzystaj z wtyczek, które również obsługują dostępność.

Jedną z takich wtyczek jest SimpleTOC od Marca Tonsinga. Jest to doskonały przykład niewymagania JavaScriptu lub zewnętrznego CSS do wyświetlania zgrabnego widżetu spisu treści. Wtyczka automatycznie dziedziczy styl motywu, którego aktualnie używasz. Tak więc, nawet jeśli zdecydujesz się zmienić swój motyw w przyszłości – wtyczka SimpleTOC dostosuje się do Twojego nowego stylu.

#4 – Łatwy spis treści

Łatwy spis treści

Bardzo niewiele wtyczek do WordPressa przekracza 100 000 pobrań, nie mówiąc już o 300 000, tak jak ma to miejsce w przypadku wtyczki Łatwy spis treści. Jest to jedno z najpopularniejszych rozwiązań, z których korzystają użytkownicy WordPressa, aby dodać widżet ToC do swoich postów, stron i widżetowanych obszarów.

Jeśli chodzi o funkcje, które sprawiają, że ta wtyczka jest wyjątkowa, oto kilka z nich:

  • Dostosuj wygląd, zmieniając kolory łączy, tła i style obramowania.
  • Przełącz ToC, aby był domyślnie pokazywany / ukryty, a użytkownicy mogą zrobić to samo.
  • Dostosuj, które nagłówki są używane w każdym poście – możesz także dostosować styl za każdym razem, gdy dodajesz ToC do postu lub strony.
  • Może być ustawiony jako stały widżet, dzięki czemu będzie przewijał się wraz z użytkownikiem wraz z treścią.

#5 – TOP Spis treści

TOP spis treści

TOP to świeżo wydana wtyczka Spis treści od BoomDevs. Ta wtyczka od razu wpadła mi w oko, ponieważ robi wiele rzeczy dobrze. Pierwszą i prawdopodobnie najciekawszą cechą jest to, że TOP ma natywną funkcję przyklejonego ToC. Gdy użytkownik przewinie obok kontenera ToC – automatycznie dopasuje się do paska bocznego. Idealny dla tych naprawdę długich treści.

TOP Spis treści: Kluczowe cechy

  • Zoptymalizowany do użytku z Gutenbergiem (jako Block) i innymi twórcami stron internetowych (takich jak Elementor).
  • Przełącz automatyczne wstawianie lub użyj skrótu, aby wyświetlać w dowolnym miejscu (w tym na pasku bocznym).
  • Szablony na zamówienie: jasne, blade i ciemne.
  • Można konfigurować i dostosowywać wszystko, od czcionek po kolory i wyświetlanie.

Oczywiście wtyczka jest również zoptymalizowana pod kątem wydajności i responsywności mobilnej.

Jak ręcznie zmienić kotwicę HTML

Kończąc ten artykuł, chcę krótko porozmawiać o ręcznej zmianie kotwic HTML. Głównie dlatego, że każda wtyczka spisu treści opiera się na automatycznym wstawianiu kotwic. W niektórych przypadkach może to powodować problemy, takie jak kotwica mająca z góry określony prefiks. Tak jak:

Możesz kliknąć dowolny nagłówek w artykule, a następnie na prawym pasku bocznym przejść do opcji Zaawansowane, a zobaczysz przypisaną kotwicę HTML dla tego konkretnego nagłówka. W tym przykładzie widać, że kotwica ma prefiks htoc , który jest dodawany przez samą wtyczkę. Następnie możesz usunąć ten prefiks i przypisać bardziej przejrzystą kotwicę na podstawie określonego nagłówka.

Jest to szczególnie istotne, jeśli chcesz zachować czystość adresów URL treści. Ułatwia to również udostępnianie innym osobom, ponieważ adres URL nie będzie wyglądał tak dziwnie. Na koniec mam nadzieję, że jedna z tych wtyczek będzie świetnie pasować do twojego bloga, tak jak do mojego.


Czy posiadanie spisu treści przynosi korzyści SEO?

Poza tworzeniem przez Google linków do podstron dla sekcji artykułów i postów na blogu dodanie spisu treści nie przynosi żadnych realnych korzyści dla SEO. Jednak prawdziwą korzyścią jest to, że zapewniasz swoim czytelnikom lepsze wrażenia użytkownika, ponieważ ToC ułatwia szybkie poruszanie się po treści.

Jak dodać lepki spis treści w WordPressie?

Najszybszym sposobem byłoby użycie wtyczki TOP Spis treści, jednak możliwe jest również dodanie przyklejonych ToC za pomocą widżetu wtyczki, a następnie uczynienie tego widżetu przyklejonym.