Behöver skapa eller lägga till en innehållsförteckning i Elementor ?

När du skriver en lång artikel, till exempel en lista över verktyg eller platser, kan du lägga till en innehållsförteckning. I WordPress finns det en massa plugins som du kan använda för skapa en innehållsförteckning på din artikel.

Men med Elementor, du behöver inte installera ett plugin för innehållsförteckning om du vill lägga till en innehållsförteckning. Elementor har en standardwidget som låter dig lägga till en innehållsförteckning på din långa artikel. Vi kommer att täcka det här.

Innehållsförteckning är en ny widget nyligen introducerades av Elementor. Med den här widgeten kan du tillhandahålla ytterligare sidnavigering för din långa artikel, vilket gör att din besökare enkelt hoppa mellan avsnitten i din artikel.

Elementors innehållsförteckning-widget låter dig välja exakta rubriktaggar som ska visas i din innehållsförteckning. Du kan också använda rubriker från en specifik behållare på sidan.

Notera: Innehållsförteckning är en pro-widget. Du måste installera proversionen av Elementor för att kunna använda den.

Hur du använder widgeten Innehållsförteckning i Elementor

Det finns två idealiska sätt att använda innehållsförteckningswidgeten i Elementor. Först och främst kan du använda det på sidor och inlägg (sidor och inlägg skapade helt med Elementor). Alternativt kan du skapa innehållsförteckningswidgeten på din unika inläggsmall. webbplats WordPress.

Läs också: Hur man skapar ett filöverföringsformulär i Elementor

Naturligtvis måste den unika postmallen göras med Elementor. Genom att implementera widgeten Innehållsförteckning på mallen för en enda post genereras en innehållsförteckning automatiskt i ditt inlägg så länge inlägget innehåller rubriktaggarna baserat på rubriknivåerna du ställer in. På widgeten Innehållsförteckning.

Lägg till innehållsförteckningswidgeten till en enda postmall

I den här artikeln visar vi dig hur du lägger till widgeten Innehållsförteckning i en enda postmall. Du kan skapa en ny enstaka postmall eller redigera den befintliga mallen. Vi kommer att skapa en ny enskild postmall i det här exemplet.

För att komma igång, logga in på din WordPress-instrumentpanel och navigera till Mallar -> Temabyggare. På sidan Temabyggare navigerar du till Enstaka flik och klicka på knappen LÄGG TILL EN ENKEL för att skapa en mall.

I avsnittet Välj avsnitt typ av modeller, välj Ett inlägg. Ge din modell ett namn och klicka på knappen SKAPA EN MODELL.

Vi kommer att skapa den enskilda inläggsmallen från grunden; stäng mallbiblioteket.

Se även: Så här lägger du till reCAPTCHA i ditt Elementor-formulär

Lägg till ett nytt avsnitt genom att klicka på plusknappen i Elementors redigeringsruta och välja strukturen med tre kolumner.

Ställ in bredden på kolumnerna med en jämförelse av cirka 28%: 61%: 10%.

Så här lägger du till en innehållsförteckning i Elementor

Lägg till vanliga element som inläggstitel, inläggsinformation och inläggsinnehåll i den andra kolumnen och anpassa därefter. När du är klar lägger du till innehållsförteckningen i den första kolumnen.

Definiera titeln på din innehållsförteckning i avsnittet Titel och ställ in rubriknivåerna du vill inkludera i avsnittet Ankare efter taggar.

Om du har kunskap om CSS kan du utesluta CSS-väljare för att förhindra att de visas i innehållsförteckningen.

Läs också: Hur man lägger till avdelare för att skapa avsnitt i Elementor

I avsnittet Markörvy, kan du ställa in markören för innehållsobjekt (kulor eller siffror). Om du väljer kulor kan du ställa in ikonen från ikonbiblioteket.

öppet Annat Tillbehör för att visa andra inställningsalternativ och välja önskade inställningar.

Så här lägger du till en innehållsförteckning i Elementor

Gå nu till fliken Stil för att anpassa din innehållsförteckning. Du kan ställa in bakgrundsfärg, kantfärg, kantbredd och kantradie i avsnittet Box.

Medan du ställer in rubrikfärg, rubriktypografi och rubriktext kan du gå till avsnittet Rubrik.

I avsnittet Lista, Du kan ställa in det aktiva elementets textfärg, elementets textfärg när du håller musen över det och elementens textfärg i normalt läge. Du kan också ställa in markörfärg samt typografi för innehållselementen här.

Se även: Hur man installerar Elementor på WordPress

För att göra din innehållsförteckning mer användbar kan du göra den synlig när din besökare rulla ner musen. För att göra detta, öppna fliken advanced och öppna alternativet Rörelseeffekt. Definiera den klibbiga överst och ställ in offset till cirka 80. Om du vill kan du också ställa in inmatningsanimationen i avsnittet Entré animation.

Du kan leka med den vänstra panelen tills du är nöjd med innehållsförteckningen. När du är klar klickar du på knappen PUBLICERA och ställ in visningsförhållandet.

Här är ett exempel på en innehållsförteckning som vi skapade.

Så här lägger du till en innehållsförteckning i Elementor

Om du ställer in visningsvillkoren för den enskilda postmallen som du skapade ovan till Alla singular, du kommer automatiskt att ha en innehållsförteckning varje gång du skriver en lång artikel som innehåller rubriktaggarna enligt den rubriknivå du har angett.

I finalen

Att lägga till en innehållsförteckning i en lång artikel ger en bästa användarupplevelse till din besökare. De kan enkelt flytta från ett avsnitt av din artikel till ett annat genom att klicka på objekt i innehållsförteckningen. Med Elementors nya widget behöver du inte installera ett extra plugin för att lägga till en innehållsförteckning till en artikel.

Du kan använda innehållsförteckningswidgeten när du skapar en sida eller ett inlägg med Elementor. Alternativt kan du också lägga till innehållsförteckningswidgeten i din mall för enstaka inlägg webbplats WordPress så att när du skriver ett långt inlägg med rubriktaggar genereras innehållsförteckningen automatiskt.

Skaffa Elementor Pro nu!

Slutsats

Här är ! Det är det för den här artikeln som visar hur du lägger till en innehållsförteckning i Elementor. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Men under tiden dela den här artikeln på dina olika sociala nätverk.

.