Jeśli publikujesz długie treści, dodanie spisu treści pomaga zarówno wyszukiwarkom, jak i odwiedzający ludziom nawigować i rozumieć Twoje treści.
Z widżetem Widżet Spis treści dla WordPress, możesz łatwo dodać spis treści do swojego strona internetowa który automatycznie generuje swoją treść na podstawie hierarchii tagów tytułu w treści.
Na przykład:
Jeśli używasz tego widżetu z wizualnym kreatorem motywów Elementor Pro, możesz automatycznie dodawać spis treści do wszystkich treści bez kiwnięcia palcem. Kiedy odwiedzający kliknie link w spisie treści, działa on jak kotwica i przenosi go do tej sekcji strony.
W tym poście pokażemy Ci dokładnie, jak skonfigurować widżet Widżet Spis treści dla WordPress z Elementor Kreator motywów.
Ale wcześniej odkryjmy razem Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu.
Wróćmy do tego, dlaczego tu jesteśmy.
Jak dodać spis treści za pomocą Elementora
Przede wszystkim zauważmy, że z tego widgetu można korzystać także w sposób podstawowy. Jednak w tym samouczku skupimy się na automatycznym dodawaniu spisu treści do wszystkich (lub niektórych) treści za pomocą Elementor Kreator motywów i unikalne szablony postów.
Oto jak to zrobić.
1. Utwórz lub zmodyfikuj szablon pojedynczego posta
Aby rozpocząć, użyj Kreatora motywów Elementor, aby utworzyć nowy, unikalny szablon postów lub edytować dowolny z istniejących unikalnych szablonów postów, do których chcesz dodać spis treści.
Możesz zastosować swój szablon do dowolnego typu posta (blog, strona, niestandardowy typ posta), ale my skupimy się na postach na blogu.
2. Dodaj widżet Spis treści
Po otwarciu unikalnego szablonu postu dodaj widżet Spis treści gdzie ma się pojawić spis treści. Znajduje się w kategorii Unikalne, z widżetami dla tytułu i treści postu:
Po dodaniu widżetu powinieneś automatycznie zobaczyć listę wszystkich tytułów obecnych w poście.
Teraz czas na skonfigurowanie ustawień tego widżetu.
3. Skonfiguruj tabelę widgetów
Otwórz ustawienia widżetu Spis treści. Następnie użyj zakładki Treść aby skonfigurować treść, która pojawi się w spisie treści.
Najpierw dodaj tytuł - na przykład „Spis treści”. To jest tekst statyczny, który pojawia się nad listą linków do zakotwiczeń generowanych automatycznie przez widget.
Następnie wybierz zawartość do uwzględnienia. W zakładce Zawierać, możesz wejść :
- Tag HTML. Na przykład możesz dołączyć i, ale nie mniej. Musisz zdefiniować swoje tagi tytułowe w edytorze WordPress.
- Pojemniki. Możesz także dodać linki zakotwiczenia do innych kontenerów poza treścią postu. Na przykład twoja stopa. To jest zaawansowana funkcja.
Jeśli uzyskasz dostęp do zakładki Wykluczać, możesz wykluczyć określone nagłówki ze swojego posta za pomocą selektora CSS. Na przykład, jeśli chcesz wykluczyć pojedynczy tytuł , możesz dodać specjalną klasę CSS " ignorować Do tego nagłówka za pomocą edytora WordPress, a następnie wyklucz go za pomocą reguły Kotwice firmy Selector :
Następnie możesz użyć parametru Widok znacznika aby wybierać między numerami i punktorami w spisie treści. Jeśli wybierzesz " punktory ”, możesz wybrać dowolną ikonę Font Awesome.
Wreszcie możesz skorzystać z sekcji Dodatkowe opcje do kontroli innych parametrów:
Zawijanie - czy elementy mogą zająć kilka linii, czy nie.
Minimalizuj Box - jeśli odwiedzający może, ale nie musi, zmniejszyć spis treści. Jeśli włączysz tę opcję, będziesz mógł także wybrać niestandardowe ikony i ustawić responsywność. Na przykład możesz automatycznie zwinąć ten spis treści dla odwiedzający na komórce.
Widok hierarchiczny - gdy ta opcja jest włączona, podtytuły będą wcięte pod nagłówkami nadrzędnymi. Jeśli jest wyłączona, wszystko jest wyświetlane na jednej liście bez wcięć.
4. Skonfiguruj ustawienia stylu
Następnie przejdź do karty Styl, aby skonfigurować projekt spisu treści. Możesz zmienić wszystkie kolory i typografię, aby stworzyć przyjazne dla użytkownika wrażenia i dopasować się do reszty projektu. strona internetowa :
5. Skonfiguruj ustawienia zaawansowane
Aby zakończyć, przejdź do zakładki Zaawansowane aby skonfigurować kilka dodatkowych ustawień dotyczących sposobu działania spisu treści.
Na przykład, jeśli ustawisz Szerokość równy Zamówienia Indywidualne et Pozycja równy Stały w sekcji Pozycjonowaniemożesz upewnić się, że spis treści pozostaje w tym samym miejscu, nawet gdy użytkownicy zaczną przewijać stronę.
Jeśli używasz Pozycjonowanie aby wyświetlić spis treści na innym elemencie (takim jak nagłówek), możesz również zwiększyć indeks Z, aby pojawił się u góry:
I to wszystko ! Właśnie nauczyłeś się, jak automatycznie dodawać spis treści do treści za pomocą kreatora motywów wizualnych Elementor i widżetu Spis treści.
Aby rozpocząć, kup Elementor Pro dzisiaj i utwórz spis treści w formacie Kreator motywów Elementor.
