Om du publicerar långt innehåll hjälper det både sökmotorer och att lägga till en innehållsförteckning besökare människor att navigera och förstå ditt innehåll.
Med widgeten Innehållsförteckning widget för WordPress, kan du enkelt lägga till en innehållsförteckning till din webbplats som automatiskt genererar sitt innehåll baserat på hierarkin av titeltaggar i ditt innehåll.
Till exempel:
Om du använder den här widgeten med den visuella temabyggaren för Elementor Pro, du kan automatiskt lägga till en innehållsförteckning till allt ditt innehåll utan att lyfta ett finger. När en besökare klickar på en länk i innehållsförteckningen fungerar den som ett ankare och tar dem till den delen av sidan.
I det här inlägget visar vi dig exakt hur du konfigurerar widgeten Innehållsförteckning widget för WordPress avec Elementor Temabyggare.
Men innan, låt oss upptäcka tillsammans Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg.
Sedan, tillbaka till varför vi är här.
Hur man lägger till en innehållsförteckning med Elementor
Först och främst bör vi notera att du också kan använda denna widget på ett grundläggande sätt. Men i den här handledningen fokuserar vi på att automatiskt lägga till innehållsförteckningen till allt (eller en del) av ditt innehåll med hjälp av Elementor Theme Builder och unika inläggsmallar.
Så här gör du det.
1. Skapa eller modifiera en enda inläggsmall
För att komma igång använder du Elementor Theme Builder för att skapa en ny unik inläggsmall eller redigera någon av dina befintliga unika inläggsmallar där du vill lägga till innehållsförteckningen.
Du kan tillämpa din mall på alla typer av inlägg (blogg, sida, anpassad inläggstyp), men vi kommer att fokusera på blogginlägg.
2. Lägg till widgeten för innehållsförteckning
När du har öppnat din unika inläggsmall, lägg till widgeten Innehållsförteckning där du vill att innehållsförteckningen ska visas. Det finns i kategorin Unik, med widgets för posttitel och postinnehåll:
När du har lagt till widgeten bör du automatiskt se en lista med alla titlar som finns i inlägget.
Nu är det dags att konfigurera inställningarna för den här widgeten.
3. Konfigurera widgettabellen
Se till att öppna inställningarna för widgeten Table of Content. Använd sedan fliken Innehåll för att konfigurera innehållet som visas i innehållsförteckningen.
Lägg först till titeln - till exempel "Innehållsförteckning". Detta är statisk text som visas ovanför listan med ankarlänkar som widgeten genererar automatiskt.
Välj sedan innehållet som ska inkluderas. På fliken Omfatta, du kan komma in:
- HTML-tagg. Du kan till exempel inkludera och, men inte något mindre. Du måste definiera dina titeltaggar i WordPress-redigeraren.
- Behållare. Du kan också lägga till ankarlänkar till andra behållare utanför ditt inlägg. Till exempel din fottå. Detta är en avancerad funktion.
Om du öppnar fliken Utesluta, Du kan utesluta specifika rubriker från ditt inlägg med en CSS-väljare. Till exempel om du vill utesluta en enda titel , du kan lägga till en speciell CSS-klass " ignorera Till den rubriken med WordPress-redigeraren, uteslut den sedan med regeln Förankringar av Selector :
Sedan kan du använda parametern Markörvy att välja mellan siffror och kulor i innehållsförteckningen. Om du väljer " kulor ", kan du välja mellan valfri Font Awesome-ikon.
Slutligen kan du använda avsnittet Ytterligare alternativ för att kontrollera andra parametrar:
Word Wrap - om elementen kan ta flera rader eller inte.
Minimera rutan - om besökare kan eller inte kan minska innehållsförteckningen. Om du aktiverar det här alternativet kommer du också att kunna välja anpassade ikoner och ställa in responsivt beteende. Till exempel kan du automatiskt komprimera den här innehållsförteckningen för besökare på mobilen.
Hierarkisk vy - när det är aktiverat kommer underrubriker att vara indragna under överordnade rubriker. Om den är inaktiverad visas allt i en enda lista utan indrag.
4. Konfigurera stilinställningar
Navigera sedan till fliken Stil för att konfigurera din innehållsförteckningsdesign. Du kan ändra alla färger och typografi för att skapa en användarvänlig upplevelse och matcha resten av din design. webbplats :
5. Konfigurera avancerade inställningar
Gå till fliken för att avsluta saker Avancerad för att konfigurera några fler inställningar för hur din innehållsförteckning fungerar.
Om du till exempel ställer in Bredd lika med Custom et Placera lika med Fast i avsnittet positionering, kan du se till att innehållsförteckningen förblir i samma position även om användare börjar rulla på sidan.
Om du använder positionering för att visa din innehållsförteckning ovanpå ett annat element (som din rubrik) kan du också öka Z-indexet så att det visas högst upp:
Och det är allt ! Du har precis lärt dig hur du automatiskt lägger till en innehållsförteckning i ditt innehåll med Elementor Visual Theme Builder och innehållsförteckning widget.
För att komma igång, köp Elementor Pro idag och skapa din innehållsförteckning i Elementor Theme Builder.
