Dacă publicați conținut lung, adăugarea unui cuprins ajută atât motoarele de căutare, cât și vizitatori oameni să navigheze și să vă înțeleagă conținutul.

Cu widgetul Widget Cuprins pentru WordPress, puteți adăuga cu ușurință un cuprins la dvs site-ul web care își generează automat conținutul pe baza ierarhiei etichetelor de titlu din conținutul dvs.

De exemplu:

Cum se adaugă conținutul tabelelor wordpress elementor sau etichetă blogpascher

Dacă utilizați acest widget cu generatorul de teme vizuale al Elementor Pro, puteți adăuga automat un cuprins la tot conținutul dvs. fără să ridicați un deget. Când un vizitator face clic pe un link din cuprinsul, acesta acționează ca o ancoră și îl duce la acea secțiune a paginii.

În această postare, vă vom arăta exact cum puteți configura widgetul Widget Cuprins pentru WordPress cu Elementor Constructor de teme.

Dar înainte, haideți să descoperim împreună Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs..

Apoi, înapoi la motivul pentru care suntem aici.

Cum să adăugați un conținut cu Elementor

În primul rând, ar trebui să remarcăm că puteți utiliza și acest widget într-un mod de bază. Cu toate acestea, în acest tutorial ne concentrăm pe adăugarea automată a cuprinsului la întregul (sau la o parte) conținutul dvs. folosind Elementor Creator de teme și șabloane unice de postare.

Iată cum să faceți acest lucru.

1. Creați sau modificați un singur șablon post

Pentru a începe, utilizați Elementor Theme Builder pentru a crea un nou șablon unic de postare sau pentru a edita oricare dintre șabloanele dvs. de postare unice existente unde doriți să adăugați tabelul de conținut.

Puteți aplica șablonul dvs. la orice tip de postare (blog, pagină, tip post personalizat), dar ne vom concentra pe postările de pe blog.

2. Adăugați widgetul Cuprins

După ce ați deschis șablonul unic de postare, adăugați widgetul Cuprins unde doriți să apară tabelul dvs. de conținut. Este situat în categoria Unic, cu widget-urile pentru titlul postării și conținutul postării:

Cum se adaugă conținutul tabelului wordpress elementor blogpascher 1

După ce ați adăugat widgetul, ar trebui să vedeți automat o listă cu toate titlurile care sunt prezente în postare.

Acum este timpul să configurați setările acestui widget.

3. Configurați tabelul widget-urilor

Asigurați-vă că deschideți setările pentru widgetul tabel de conținut. Apoi folosiți fila Conţinut pentru a configura conținutul care apare în cuprinsul dvs.

Mai întâi, adăugați titlul - de exemplu, „Cuprins”. Acesta este un text static care apare deasupra listei de legături de ancoră pe care widgetul le generează automat.

Apoi alegeți conținutul pe care să îl includeți. În filă Include, puteți intra:

  • Etichetă HTML. De exemplu, puteți include și, dar nu cu nimic mai puțin. Trebuie să vă definiți etichetele de titlu în editorul WordPress.
  • Containere. Puteți adăuga, de asemenea, link-uri de ancorare la alte containere în afara conținutului dvs. De exemplu, piciorul tău. Aceasta este o caracteristică avansată.

Cum se adaugă conținutul tabelului wordpress elementor blogpascher 2

Dacă accesați fila exclude, puteți exclude anumite antete din postarea dvs. utilizând un selector CSS. De exemplu, dacă doriți să excludeți un singur titlu , puteți adăuga o clasă CSS specială " ignora În acel antet folosind editorul WordPress, apoi excludeți-l folosind regula  Ancore de selector :

Cum se adaugă conținutul tabelului wordpress elementor blogpascher 3

Apoi puteți utiliza parametrul Vizualizare marker pentru a alege între numere și gloanțe din lista de conținut. Dacă alegeți " gloanțe ", puteți alege dintre orice pictogramă Font Awesome.

În cele din urmă, puteți utiliza secțiunea Opțiuni suplimentare pentru a controla alți parametri:

cuvânt Wrap - dacă elementele pot lua mai multe linii sau nu.

Minimizați caseta - dacă vizitatori poate reduce sau nu cuprinsul. Dacă activați această opțiune, veți putea, de asemenea, să alegeți pictograme personalizate și să setați un comportament receptiv. De exemplu, puteți restrânge automat acest cuprins pentru vizitatori pe mobil.

Vizualizare Ierarhică - când este activat, subpozițiile vor fi indentate sub titlurile părinte. Dacă este dezactivat, totul este afișat într-o singură listă, fără indentare.

Cum se adaugă conținutul tabelului wordpress elementor blogpascher 4

4. Configurați setările de stil

Apoi, navigați la fila Stil pentru a configura designul cuprins. Puteți schimba toate culorile și tipografia pentru a crea o experiență ușor de utilizat și pentru a se potrivi cu restul designului dvs. site-ul web :

Cum se adaugă conținutul tabelului wordpress elementor blogpascher 5

5. Configurați setările avansate

Pentru a termina lucrurile, accesați fila avanced pentru a configura alte câteva setări pentru modul în care funcționează cuprinsul dvs.

De exemplu, dacă setați Lăţime  egal cu pachet personalizat et Poziţie egal cu Fixed în secțiune Poziționarea, vă puteți asigura că tabelul conținutului rămâne în aceeași poziție chiar și atunci când utilizatorii încep să deruleze pagina.

În cazul în care utilizați Poziționarea pentru a afișa cuprinsul deasupra unui alt element (cum ar fi antetul), puteți, de asemenea, să măriți indexul Z pentru a-l face să apară în partea de sus:

Cum se adaugă conținutul tabelului wordpress elementor blogpascher 6

Și asta e tot ! Tocmai ați învățat cum să adăugați automat o tabelă de conținut în conținutul dvs. folosind widgetul Elementor Visual Theme Builder și Cuprins.

Pentru a începe, cumpără Elementor Pro astăzi și creați-vă cuprinsul în Elementor Builder Tema.