Musisz utworzyć lub dodać spis treści w Elementor ?

Pisząc długi artykuł, np. listę narzędzi lub miejsc, możesz dodać spis treści. W WordPressie istnieje wiele wtyczek, których możesz użyć do utwórz spis treści w twoim artykule.

Ale z Elementor, nie musisz instalować wtyczki spisu treści, jeśli chcesz dodać spis treści. Elementor posiada domyślny widget, który pozwala na dodanie spisu treści do długiego artykułu. Omówimy to tutaj.

Spis treści to nowy widżet od niedawna wprowadzony przez Elementora. Za pomocą tego widżetu możesz zapewnić dodatkową nawigację po stronie swojego długiego artykułu, umożliwiając odwiedzający łatwo przeskakiwać między sekcjami artykułu.

Widżet Spis treści Elementora pozwala wybrać dokładne tagi nagłówka, które będą wyświetlane w spisie treści. Możesz także użyć nagłówków z określonego kontenera na stronie.

Uwaga: Spis treści to profesjonalny widget. Aby z niego korzystać, musisz zainstalować wersję pro Elementora.

Jak korzystać z widżetu Spis treści w Elementorze

Istnieją dwa idealne sposoby korzystania z widżetu Spis treści w Elementorze. Przede wszystkim możesz go używać na stronach i postach (strony i posty utworzone w całości za pomocą Elementora). Alternatywnie możesz utworzyć widżet spisu treści w swoim unikalnym szablonie posta. strona internetowa WordPress.

Czytaj także: Jak utworzyć formularz przesyłania plików w Elementorze

Oczywiście unikalny szablon posta należy wykonać za pomocą Elementora. Dzięki zaimplementowaniu widżetu Spis treści w szablonie pojedynczego posta, spis treści zostanie automatycznie wygenerowany w Twoim poście, o ile post będzie zawierał znaczniki nagłówka w oparciu o poziomy nagłówków, które ustawisz w widgecie Spis treści.

Dodaj widżet spisu treści do szablonu pojedynczego posta

W tym artykule pokażemy, jak dodać widżet spisu treści do pojedynczego szablonu posta. Możesz utworzyć nowy szablon pojedynczego posta lub edytować istniejący szablon. W tym przykładzie utworzymy nowy szablon pojedynczego posta.

Aby rozpocząć, zaloguj się do pulpitu WordPress i przejdź do Szablony -> Kreator motywów. Na stronie Theme Builder przejdź do Pojedyncza karta a następnie kliknij przycisk DODAJ SINGIEL aby stworzyć szablon.

W sekcji Wybierz sekcję rodzaj modeli, wybierać Single Post. Nadaj swojemu modelowi nazwę i kliknij przycisk STWÓRZ MODEL.

Stworzymy szablon pojedynczego posta od podstaw; zamknij bibliotekę szablonów.

Zobacz także: Jak dodać reCAPTCHA do formularza Elementora

Dodaj nową sekcję, klikając przycisk plusa w polu edycji Elementora i wybierz strukturę trzech kolumn.

Ustaw szerokość kolumn z porównaniem około 28%:61%:10%.

Jak dodać spis treści w Elementorze

Dodaj wspólne elementy, takie jak tytuł posta, informacje o poście i treść posta, do drugiej kolumny i odpowiednio dostosuj. Po zakończeniu dodaj widżet Spis treści do pierwszej kolumny.

Zdefiniuj tytuł swojego spisu treści w sekcji Tytuł i ustaw poziomy nagłówków, które chcesz uwzględnić w sekcji Kotwice według znaczników.

Jeśli znasz CSS, możesz wykluczyć selektory CSS, aby zapobiec ich pojawianiu się na liście treści.

Czytaj także: Jak dodać przegrodę, aby utworzyć sekcję w Elementorze

W sekcji Widok znacznika, możesz ustawić znacznik dla elementów treści (punktory lub liczby). Jeśli wybierzesz punktory, możesz ustawić ikonę z biblioteki ikon.

otwarte Dodatkowy Opcje aby wyświetlić inne opcje ustawień i wybrać żądane ustawienia.

Jak dodać spis treści w Elementorze

Teraz przejdź do zakładki Styl aby dostosować swój spis treści. Możesz ustawić kolor tła, kolor obramowania, szerokość obramowania i promień obramowania w sekcji Pudełko.

Aby ustawić kolor nagłówka, typografię nagłówka i tekst nagłówka, możesz przejść do sekcji Nagłówek.

W sekcji Lista, Możesz ustawić kolor tekstu aktywnego elementu, kolor tekstu elementu po najechaniu na niego myszą oraz kolor tekstu elementów w trybie normalnym. W tym miejscu możesz również ustawić kolor znacznika oraz typografię elementów treści.

Zobacz też: Jak zainstalować Elementora na WordPressie

Aby Twój Spis treści był bardziej użyteczny, możesz sprawić, by był widoczny, gdy Twój odwiedzający przewiń myszą w dół. Aby to zrobić, otwórz zakładkę zaawansowany i uzyskaj dostęp do opcji Efekt ruchu. Definiować lepki na szczycie i ustaw przesunięcie na około 80. Jeśli chcesz, możesz również ustawić animację wejściową w sekcji Animacja wejścia.

Możesz bawić się lewym panelem, dopóki nie będziesz zadowolony ze swojego spisu treści. Po zakończeniu kliknij przycisk PUBLISH i ustaw warunki wyświetlania.

Oto przykład spisu treści, który stworzyliśmy.

Jak dodać spis treści w Elementorze

Jeśli ustawisz warunek wyświetlania szablonu pojedynczego posta, który utworzyłeś powyżej, na: Wszystkie pojedyncze, automatycznie będziesz mieć spis treści za każdym razem, gdy napiszesz długi artykuł, który zawiera tagi nagłówka zgodnie z określonym poziomem nagłówka.

W końcu

Dodanie spisu treści do długiego artykułu zapewnia najlepsze wrażenia użytkownika dla Twojej odwiedzający. Mogą łatwo przechodzić z jednej sekcji artykułu do drugiej, klikając pozycje w spisie treści. Dzięki nowemu widżetowi Elementora nie musisz instalować dodatkowej wtyczki, aby dodać spis treści do artykułu.

Możesz użyć widżetu Spis treści podczas tworzenia strony lub posta za pomocą Elementora. Możesz też dodać widżet spisu treści do szablonu pojedynczego posta strona internetowa WordPress, dzięki czemu za każdym razem, gdy piszesz długi post z tagami nagłówka, automatycznie generowany jest spis treści.

Pobierz Elementor Pro teraz!

Wnioski

Tutaj jest ! To wszystko w tym artykule, który pokazuje, jak dodać spis treści w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać fdaj nam znać w commentaires.

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.

Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.

...