Przejdź do głównej treści

Jak dodać spis treści w Elementorze

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Chcesz utworzyć lub dodać spis treści w Elementorze?

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 Elementorem nie musisz instalować wtyczki TOC, jeśli chcesz dodać TOC. Elementor ma domyślny widżet, który pozwala dodać spis 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ę na swojej stronie z długim artykułem, umożliwiając odwiedzającym łatwe przechodzenie 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 na unikalnym szablonie posta witryny 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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 go wyświetlić, gdy odwiedzający przewiną niżej. Aby to zrobić, otwórz kartę 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 odwiedzających. Mogą łatwo przeskakiwać z jednej sekcji do drugiej Twojego artykułu, 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.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Możesz użyć widżetu Spis treści podczas tworzenia strony lub posta za pomocą Elementora. Możesz także dodać widżet Spis treści do unikalnego szablonu postu w witrynie WordPress, aby za każdym razem, gdy piszesz długi post zawierający tagi nagłówka, spis treści jest generowany automatycznie.

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.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Powrót do góry