Hur man visar olika sidofält för varje inlägg och sida i WordPress

Vill du visa olika innehåll i sidofältet på din WordPress-webbplats för vissa inlägg och sidor?

Ett standard sidofält som passar alla är ofta ett missat tillfälle. Genom att anpassa sidofältet för specifikt innehåll kan du öka användarnas engagemang och konverteringar.

Även om detta låter tekniskt, har vi sett i praktiken hur rätt verktyg gör det enkelt att skapa och hantera olika sidofält för din webbplats.

I den här guiden visar vi dig hur du visar olika sidofält för varje inlägg och sida i WordPress.

Varför visa ett annat sidofält för vissa sidor eller inlägg i WordPress?

Huvudanledningen till att visa en annan sidopanel är att ge en mer relevant och målinriktad upplevelse för dina besökare. Detta hjälper till att förbättra användarengagemanget, öka konverteringarna och göra din webbplats mer effektiv.

Istället för att visa samma generiska innehåll överallt kan du skräddarsy sidopanelen för att matcha den specifika sidan eller inlägget som en användare tittar på.

Till exempel kan du visa kategorispecifika widgets i dina blogginlägg, visa produktrelaterad information på dina butikssidor eller visa sociala medieflöden på din Om-sida.

Anpassade sidopaneler låter dig också skapa en mer fokuserad upplevelse genom att presentera relevanta länkar, annonser eller uppmaningar till handling.

Med det sagt, låt oss titta på 3 metoder för att lägga till olika sidofält för inlägg och sidor i WordPress. Du kan använda snabblänkarna nedan för att hoppa till den metod som passar dig bäst:

• Method 1: Create a Custom Theme With Different Sidebars for Specific Pages or Posts (Recommended)
• Method 2: Show a Different Sidebar on Certain Pages With a Free Plugin (Classic Themes)
• Method 3: Add Different Sidebars to Specific Templates in WordPress Full-Site Editor (Block Themes)
• Vanliga frågor om anpassade sidopaneler

Metod 1: Skapa ett anpassat tema med olika sidofält för specifika sidor eller inlägg (Rekommenderas)

Av alla metoder vi har provat för den här handledningen rekommenderar vi att skapa ett anpassat tema mest. Anledningen är att det ger mest flexibilitet och kontroll över din WordPress-webbplats design.

Med det sagt, föreslår vi bara att du följer denna metod om du är i de tidiga stadierna av att bygga din webbplats eller om du är intresserad av att byta WordPress-tema på rätt sätt. Det beror på att byte av tema kan påverka ditt befintliga innehåll och layout avsevärt.

Om du inte vill byta tema kan du hoppa till metod 2 (klassiska teman) eller metod 3 (blockteman).

För den här metoden behöver du ett plugin för WordPress sidbyggare.

Baserat på vår erfarenhet av att testa dussintals temabyggare rekommenderar vi att du använder ett verktyg som SeedProd eller Thrive Architect. De erbjuder mycket mer kontroll och anpassningsmöjligheter än WordPress inbyggda funktioner.

Flera av våra partner varumärken använder SeedProd eftersom det är nybörjarvänligt och pålitligt. Du kan läsa mer om verktyget i vår SeedProd-recension.

Steg 1: Installera och aktivera SeedProd

Först och främst, fortsätt och installera SeedProd-pluginet på din webbplats. Om detta är första gången, gå sedan till vår nybörjarguide om hur man installerar ett WordPress-plugin.

När du är klar, ange din SeedProd-licensnyckel i lämpligt fält och klicka på ‘Verifiera nyckel.’

Steg 2: Välj en temamalluppsättning

Gå sedan till SeedProd » Temabyggare.

Klicka sedan på knappen 'Temamallpaket'.

Du bör nu se alla temamallpaket som finns tillgängliga. Använd gärna någon av dem som bas för ditt anpassade tema.

Du kan också sväva över varje paket och klicka på förstoringsglaset för att se temat närmare.

För den här handledningen rekommenderar vi att du väljer en temamall som redan inkluderar en sidopanelsdesign.

Detta gör att du kan duplicera den befintliga 'sidopanelsmallens del' och anpassa den, vilket är mycket snabbare än att bygga en ny från grunden.

Till exempel har temapaketet Curbside Food Truck en enda inläggsmall som redan inkluderar en sidopanel:

När du har bestämt dig för ett kit, för bara muspekaren över det.

Klicka sedan på den orangea bockikonen när den visas.

Vänta nu några ögonblick medan SeedProd ställer in ditt tema.

Steg 3: Duplicera och redigera sidopanelsmallen

När det är gjort bör du omdirigeras till sidan 'Temabyggare' igen och se att SeedProd har skapat flera temamallar för din WordPress-webbplats.

Vi kan nu börja redigera din temamall.

Låt oss säga att du vill att sidofältet på dina bloggkategorier arkivsidor ska se annorlunda ut än det på dina blogginlägg. I så fall behöver du skapa 2 olika sidofältsmallar.

Hitta först sidfotsmallen ‘Sidebar’ i ditt kit. Detta är standard sidopanelen som ditt tema använder när en sida kräver en sidopanel.

Som illustration kommer vi att duplicera den här mallen och sedan redigera den för att skilja den från originalversionen. För att göra detta kan du föra muspekaren över mallen och klicka på ‘Duplicera’.

Du bör nu se en kopierad version av din sidofältsmall.

Här, klicka på 'Redigera design'.

Steg 4: Anpassa din nya sidopanel

Du kommer nu till SeedProd-redigeraren. Om sidopanelsmallen ser bredare ut än förväntat, oroa dig inte. Storleken kommer att justeras när sidopanelen läggs till på en sida senare.

I vårt valda tema visar standardmall för sidofältet ett sökfält, en uppmaning till handling för nyhetsbrevsregistrering, länkar till våra bloggkategorisidor och en förhandsgranskning av vårt Instagram-flöde.

Vi kommer att ersätta några av dessa element. Dessa block har organiserats i grupper eller rader, så vi kan ta bort flera block i en enda rad samtidigt istället för att ta bort dem en och en.

För att göra detta kan du bara föra muspekaren över ett element tills en mörkblå linje visas över en hel grupp av block. Klicka sedan på papperskorgsikonen ‘Ta bort rad’ högst upp på elementet.

För att skapa en ny rad, för muspekaren över elementet omedelbart ovanför där du vill att den nya raden ska visas. När en mörkblå linje visas, klicka på ikonen ‘+’ som visas under den.

Sedan behöver du klicka på ikonen ‘+’ nedanför.

Nu kan du välja en layout för raden.

Vi kommer att välja det första alternativet eftersom det är det mest lämpliga för våra behov.

Det är här du kan börja ha roligt och lägga till alla typer av block i ditt sidofält.

SeedProd har massor av alternativ att välja mellan, från en nedräkningstimer och en bildhotspot till en progressbar och mer. Du kan använda sökfältet eller skrolla ner på fliken 'Block' för att hitta det block du behöver.

När du har hittat ett block du gillar, dra och släpp det bara till raden.

Som exempel har vi beslutat att lägga till blocket 'Testimonials'.

Du kan använda detta för att visa en positiv recension från en kund som social proof. Om du vill lära dig hur du lägger till en själv kan du läsa vår guide om att lägga till roterande kundrecensioner i WordPress.

Lägg gärna till fler rader och block vid det här laget.

När du är nöjd med sidofältets design klickar du bara på pilikonen bredvid knappen 'Spara' längst upp till höger på sidan. Klicka sedan på 'Publicera'.

Steg 5: Lägg till din nya sidopanel i en sidmall

Låt oss nu lägga till den här nya sidofältet till en mall för inlägg eller sida. För att göra detta, gå tillbaka till SeedProd » Temabyggare på din WordPress-instrumentpanel.

Temapaketet vi använder har 2 temamallar som har ett sidofält: 'Enskilt inlägg' och 'Arkiv, Sökresultat'. Den första är för WordPress-inlägg, medan den andra är för alla arkivsidor, inklusive kategorimallar, samt sidan med sökresultat.

Båda mallarna använder för närvarande samma sidopanelsmall.

I detta fall vill vi att mallen ‘Arkiv, Sökresultat’ ska använda den nya sidomenyn vi precis skapade. Leta helt enkelt upp mallen du vill redigera och klicka på ‘Redigera design.’

I SeedProd-redigeraren, för muspekaren över området med sidofältet, och när en orange verktygsfält visas ovanpå det, klicka på det.

Panelinställningarna till vänster bör visa 'Redigering: Malldelar'.

I rullgardinsmenyn för malldelar måste du välja den sidopanelmall du just skapade.

Du bör nu se att ditt nya sidofält har lagts till i din sidmall.

Klicka sedan bara på ‘Spara’ för att publicera dina ändringar.

Steg 6: Aktivera ditt SeedProd-tema

I det här skedet kan du skapa fler sidofält och lägga till dem på andra sidor genom att upprepa samma steg som tidigare.

När du är nöjd, gå bara tillbaka till SeedProd » Theme Builder igen och aktivera inställningen 'Aktivera SeedProd-tema' tills det står 'JA'. Detta aktiverar ditt SeedProd-tema på din webbplats.

Och det var allt!

Så här ser vårt anpassade sidofält ut:

Metod 2: Visa en annan sidomeny på vissa sidor med ett gratis plugin (klassiska teman)

De flesta klassiska WordPress-teman har fördefinierade sidofältsområden, och de visar vanligtvis samma sidofält över hela din webbplats.

Även om detta fungerar, kan det kännas begränsande om du vill visa unikt innehåll för olika sektioner.

Lyckligtvis kan du enkelt få mer kontroll genom att använda ett gratis plugin. Vi rekommenderar Lightweight Sidebar Manager. Detta plugin låter dig skapa obegränsat med anpassade sidofält och tilldela dem till specifika inlägg, sidor, kategorier och mer.

Steg 1: Installera Lightweight Sidebar Manager-pluginet

Det första du behöver göra är att installera och aktivera pluginet Lightweight Sidebar Manager. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Steg 2: Skapa ett nytt anpassat sidofält

Efter aktivering måste du gå till Utseende » Sidopaneler. För att skapa den första sidopanelen, klicka på knappen ‘Lägg till ny’.

Du kan nu skriva in en titel för den nya WordPress-sidopanelen. Detta är bara för din referens, så du kan använda vad du vill.

När det är gjort, öppna rullgardinsmenyn ‘Sidebar To Replace’. Den här inställningen låter dig välja vilka av ditt temas standard sidofältsområden (som ‘Main Sidebar’ eller ‘Blog Sidebar’) som ska ersättas av ditt nya anpassade.

Välj var du vill visa sidofältet. De alternativ du ser kan variera beroende på ditt WordPress-tema. 

Steg 3: Konfigurera visnings- och exkluderingsregler

Nu kan du styra var sidofältet visas genom att skapa inkluderings- eller exkluderingsregler. 

För att skapa en inkluderingsregel, öppna bara rullgardinsmenyn 'Visa på' och välj de sidor, inlägg, anpassade inläggstyper eller kategorier där du vill använda sidofältet. 

Du kan till exempel lägga till sidopanelen på en specifik sida, som din 404-felsida, författararkivet eller bloggsidan.

Ett annat alternativ är att använda sidofältet för en specifik sida, ett inlägg eller en kategori genom att välja 'Specifika sidor/inlägg/taxonomier'.

Detta lägger till en ruta där du kan skriva in sidan, inlägget eller kategorin.

För att skapa fler inkluderingsregler, klicka bara på knappen 'Lägg till visningsregel'.

Detta lägger till ett avsnitt där du kan skapa den nya inkluderingsregeln.

Om du föredrar det kan du skapa undantagsregler istället. Du kanske till exempel vill visa sidofältet på varje sida utom startsidan. 

Du kan också kombinera inkluderings- och exkluderingsregler för att exakt styra var sidofältet visas på din WordPress-blogg.

För att skapa en exkluderingsregel för sidofältsplatsen, klicka bara på knappen ‘Lägg till exkluderingsregel’.

I det nya avsnittet 'Visa inte på' öppnar du rullgardinsmenyn och väljer den sida eller det inlägg som inte ska använda detta sidofält. 

Du kan också utesluta sidofältet från WordPress-sidor som har en specifik kategori genom att följa samma process som beskrivs ovan.

Steg 4: Ställ in synlighet för användarroller (valfritt)

Efter att ha bestämt var sidofältet ska visas, kanske du vill visa olika innehåll för olika användare.

Till exempel, om du har en medlemskapswebbplats, då kanske du vill använda ett annat sidofält för besökare än för inloggade medlemmar. 

För att göra detta, öppna rullgardinsmenyn 'Användare' och välj en roll från rullgardinsmenyn. Nu kommer endast personer med denna specifika användarroll att se sidofältet. 

Slutligen kanske du vill skriva in en valfri beskrivning. Denna visas bara i WordPress-instrumentpanelen, så det är ett bra sätt att dela information med andra administratörer eller användare.

Om du ska skapa många sidofält kan du också använda det här fältet för att lämna anteckningar och hjälpsamma påminnelser.

När du är nöjd med informationen du har angett klickar du helt enkelt på 'Publicera'.

Steg 5: Lägg till widgets i ditt nya sidofält

När det är klart, gå till Utseende » Widgetar. Du kommer nu att se alla widgetområden som ditt tema stöder som standard, plus den nya sidofältet du skapade i föregående steg.

Du kan nu fortsätta och lägga till widgets i sidomenyn, precis som vilken annan widgetsektion som helst.

För steg-för-steg-instruktioner, se vår guide om hur man lägger till och använder WordPress-widgets. 

När du är nöjd med hur sidofältet är inställt, klicka på ‘Uppdatera’.

Nu, om du besöker din WordPress-blogg, kommer du att se det nya sidofältet live.

För att skapa fler temasidefält, fortsätt helt enkelt att upprepa dessa steg. 

Metod 3: Lägg till olika sidofält till specifika mallar i WordPress Full-Site Editor (Blockteman)

Om du använder ett blocktema, som Twenty Twenty-Four eller Hestia-temat, kan du använda fullständiga webbplatsredigeraren för att skapa anpassade sidofält och placera dem var du vill.

Vi kommer att använda Twenty Twenty-Four-temat för att demonstrera den här metoden.

Det fina med blockteman är att de alla använder samma standardverktyg: Full-Site Editor. Medan de specifika mallarna i varje tema kan skilja sig åt, är redigeringsprocessen konsekvent.

Det innebär att du inte behöver ett speciellt sidofältsplugin för att lägga till ett annat sidofält på dina sidor eller inlägg.

Steg 1: Öppna Full-Site Editor

Gå först till Utseende » Redigerare i din WordPress-admin.

Här ser du några menyer för att anpassa ditt blocktema.

För att skapa ett nytt sidofält måste du välja 'Mönster'.

Steg 2: Duplicera malldelen för sidofältet

Klicka nu på ‘Alla malldelar’.

Malldelar är återanvändbara innehållsblock, som en header, footer eller ett sidofält, som kan visas på flera sidor på din webbplats.

Du bör se en malldel som heter ‘Sidebar.’ Klicka på menyn med tre punkter och välj sedan ‘Duplicate.’ Detta skapar en kopia av sidofältsmallen som du sedan kan anpassa.

I den nya popupen, ge ditt nya sidofält ett namn för att enkelt identifiera det senare.

I sektionen 'Område' väljer du 'Allmänt'. När du är klar klickar du bara på 'Duplicera'.

Steg 3: Anpassa det nya sidofältet

Du bör nu se ditt nyligen duplicerade sidofält i listan över mallkomponenter.

Klicka bara på miniatyrbilden för att öppna redigeringsgränssnittet.

Nu kan du börja anpassa din sidopanel, lägga till fler block eller konfigurera dem för att matcha din webbplatsdesign. Fullständiga webbplatsredigeraren fungerar på samma sätt som blockredigeraren, där du bara behöver dra och släppa block på mallens del.

I vårt fall har vi valt att visa våra senaste inlägg, en call-to-action-knapp för att prenumerera på vår e-postlista och en formdelare för att separera dessa element.

När du är nöjd med hur sidopanelen ser ut klickar du på knappen 'Spara'.

Steg 4: Lägg till den nya sidopanelen i en sidmall

Nu behöver vi lägga till den här nya sidofältet i en sidmall.

Gå först tillbaka till huvudmenyn i redigeraren för hela webbplatsen. Klicka sedan på ‘Mallar’.

Twenty Twenty-Four-mallen har flera sidmallar med en sidopanel, men de använder alla samma sidopanelsmall. Låt oss ändra en av dem med vår nyskapade sidopanel.

För att göra detta, välj en sidmall med ett sidofält. I vårt fall väljer vi 'Sida med sidofält' så att sidofältet på vanliga sidor ser annorlunda ut än det på enskilda WordPress-inlägg.

Klicka på sektionen ‘Sidopanel’ i redigeringsgränssnittet.

Klicka på menyalternativet med tre punkter i blockets verktygsfält och välj 'Ta bort' för att ta bort det gamla sidofältet.

Klicka sedan på '+'-ikonen i samma sektion.

Leta sedan upp och välj 'Mallkomponent'.

När du har gjort det, klicka på 'Välj'.

Detta gör att du kan välja det sidofält du just skapade.

Ett nytt popup-fönster kommer att visas och visa dig de olika malldelarna som temat har.

Klicka här på den nya sidopanelsmallen.

I det här skedet kan du fortsätta att anpassa mallen om det behövs.

Klicka sedan bara på ‘Spara’.

Du har nu anpassat en sidmall och lagt till ett anpassat sidofält till den.

Steg 5: Tilldela den nya mallen till en sida

Vi måste dock se till att den här mallen faktiskt används på din webbplats. För att göra detta, gå tillbaka till huvudmenyn för fullständig webbplatsredigering och klicka på 'Sidor'.

Välj sedan en sida som du vill lägga till sidofältet på.

Som exempel kommer vi att använda vår sida 'Integritetspolicy'.

Klicka nu på inställningsikonen längst upp till vänster på sidan och klicka på ‘Sidor’ i panelen för sidinställningar.

Därefter behöver du välja 'Byt mall'.

När du har gjort det visas ett popup-fönster.

Här väljer du bara sidmallen med det nya sidofältet.

Och det var allt! Upprepa gärna samma steg för att skapa ett nytt anpassat sidofält och implementera det på olika sidor och inlägg.

Här är hur vår exempelpolicy för integritetssida ser ut med den nya sidomenyn:

Vanliga frågor om anpassade sidopaneler

Här är några frågor som våra läsare ofta har ställt om att lägga till en anpassad sidopanel till specifika inlägg eller sidor i WordPress:

1. Hur skapar jag en unik sidopanel för bara ett specifikt blogginlägg?

Om du använder ett plugin som Lightweight Sidebar Manager, kan du skapa en ny sidopanel och ställa in regeln 'Visa på' till 'Specifika sidor/inlägg/taxonomier'. Skriv sedan helt enkelt in namnet på det exakta inlägget du vill att den ska visas på.

Om du använder en temabyggare som SeedProd, kan du skapa en ny sidmall, tilldela din anpassade sidopanel till den och sedan tillämpa den mallen på det enskilda inlägget från inläggsredigeraren.

2. Kommer många olika sidopaneler att sakta ner min webbplats?

Generellt sett nej. Antalet sidopaneler du skapar har en minimal inverkan på webbplatsens hastighet. Prestanda beror mer på vad du lägger inuti dem.

En sidopanel fylld med många tunga widgets, som stora bilder eller komplexa skript, kan sakta ner en sida. Dock är själva plugin-programmen och verktygen för sidopanelhantering lätta och optimerade för prestanda.

3. Hur fungerar anpassade sidopaneler på mobila enheter?

De flesta moderna WordPress-teman är responsiva. Det innebär att på mindre skärmar, som telefoner, visas inte sidofältsinnehållet på sidan. Istället är det “staplat” och flyttat för att visas under huvudsidans innehåll.

Dina anpassade sidofält kommer fortfarande att vara synliga för mobilbesökare, men de måste scrolla ner förbi artikeln för att se dem.

4. Kan jag ta bort sidofältet från en specifik sida istället för att ersätta det?

Ja. De flesta WordPress-teman inkluderar en sidmall för “Helsida” eller “Inget sidofält”. Du kan välja den här mallen från sidredigeraren för att ta bort sidofältet från den specifika sidan.

Om ditt tema inte har det här alternativet, ger en temabyggare som SeedProd (Metod 1) dig full kontroll att skapa mallar utan sidofält.

Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du visar olika sidofält på sidor och inlägg i WordPress. Du kanske också vill kolla in vår guide om hur du ändrar sidofältets sida i WordPress och våra experttips om de bästa Canva-alternativen för webbgrafik.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.