Hur man lägger till och använder widgets i WordPress (steg för steg)

Widgetar är kraftfulla verktyg som ger ytterligare funktionalitet till din WordPress-webbplats. Du kan lägga till dem i dina sidofält och andra widget-redo områden utan att behöva skriva någon kod.

På WPBeginner använder vi widgets för att anpassa och utöka funktionaliteten på våra webbplatser för att göra dem mer dynamiska och engagerande för dina besökare. Till exempel kan de användas för att visa de senaste inläggen, flöden från sociala medier, specialerbjudanden och mycket mer.

I den här artikeln visar vi dig hur du lägger till och använder widgets i WordPress för att snabbt anpassa din webbplats, vilket förbättrar dess estetik och användarupplevelse.

Vad är widgets & varför behöver du dem i WordPress?

Widgetar är innehållsblock som du kan lägga till i dina WordPress-sidofält, sidfot och andra widgetområden på din webbplats.

Detta kan vara ett enkelt sätt att lägga till bildgallerier, flöden för sociala medier, citat, kalendrar, populära inlägg och andra dynamiska element till din WordPress-webbplats.

Du hittar ditt widgetområde genom att gå till Utseende » Widgetar i din WordPress-administratörspanel.

Dessa “widgetområden” är specifika platser som definieras av ditt WordPress-tema där widgets kan placeras. Vanliga områden inkluderar sidopaneler (vänster eller höger), sidfoten (ofta uppdelad i flera kolumner) och ibland sidhuvudet eller specifika områden inom inläggsinnehållet.

Den moderna WordPress-upplevelsen använder främst block-widgets, som integrerar kraften i WordPress blockredigerare i dina widgetområden. Den ersätter det äldre gränssnittet för “klassiska widgets” med ett mer visuellt och flexibelt verktyg för innehållsskapande.

Med det sagt, låt oss visa dig hur du enkelt lägger till widgets i olika områden på din WordPress-webbplats.

Hur man lägger till en widget i en sidofält i WordPress

Det finns flera sätt att lägga till widgetar i ditt WordPress-sidofältsområde.

Metod 1: Använda widgetskärmen (för klassiska teman)

Om du använder ett klassiskt WordPress-tema är det vanligaste sättet att navigera till Utseende » Widgets.

På den här skärmen ser du dina tillgängliga widgetområden (som ‘Sidopanel’ eller ‘Sidfot’). Klicka på det widgetområde du vill redigera för att expandera det.

Klicka sedan på ikonen ('+') för att öppna widgetblockmenyn.

Här kan du söka efter en widget med namn. Eller klicka på knappen ‘Bläddra bland alla’ för att visa en meny med alla tillgängliga widgets.

För att lägga till en widget i din sidofält, klicka helt enkelt på den widgeten, så läggs den automatiskt till i ditt sidofält.

Sedan behöver du bara klicka på knappen 'Uppdatera', så kommer widgeten nu att vara live på din webbplats.

Metod 2: Använda temaanpassaren (för klassiska teman)

Ett annat sätt att lägga till widgets, särskilt om du vill se en liveförhandsgranskning av dina ändringar, är att använda WordPress temaanpassare. Denna metod är främst för klassiska teman.

Navigera först till Utseende » Anpassa och klicka sedan på alternativet ‘Widgets’.

Detta tar dig till en sida där du kan anpassa dina widgetalternativ och se ändringarna i realtid.

För att lägga till en widget i din sidopanel, klicka helt enkelt på menyalternativet ‘Höger sidopanel’ (eller vilket widgetområde du nu vill redigera).

Klicka sedan på ikonen för att lägga till block ('+') för att öppna widgetblockmenyn.

Välj sedan ett widgetblock, så läggs det automatiskt till i ditt sidofält.

Processen för att lägga till en widget är densamma som ovan.

När du är klar med att göra ändringar i ditt widgetområde, klicka på knappen ‘Publicera’ för att göra dina ändringar live.

Metod 3: Använda webbplatsredigeraren (för teman med fullständig webbplatsredigering)

Om du använder ett nyare tema med fullständig webbplatsredigering (FSE) kommer du inte att ha de traditionella alternativen ‘Widgets’ eller ‘Anpassa’ under Utseende. Istället hanterar du block (inklusive de som fungerar som widgets) direkt i webbplatsredigeraren.

Navigera helt enkelt till Utseende » Redigerare. Detta öppnar webbplatsredigeraren.

I redigeraren kan du bläddra bland dina mallar (som ‘Enskilt inlägg’ eller ‘Sida’) och mallkomponenter (som ‘Sidhuvud’ eller ‘Sidfot’).

För att lägga till ett widget-liknande block, välj mallkomponenten där du vill lägga till det (t.ex. ett sidopanelsområde inom en mall).

Klicka på ikonen ‘+’ för att lägga till ett nytt block. Du kan söka efter block som ‘Senaste inlägg’, ‘Sök’, ‘Kategorier’, etc., som fungerar på ett liknande sätt som klassiska widgets.

När du har lagt till och konfigurerat, klicka på knappen ‘Spara’ för att tillämpa dina ändringar på mallen.

Hur man tar bort en widget i WordPress

Att ta bort en widget i WordPress är lika enkelt som att lägga till en. Navigera helt enkelt till Utseende » Widgets i din WordPress-instrumentpanel.

Klicka sedan på widgetblocket som du vill ta bort.

Klicka sedan, högst upp i widgetblocket, på de tre prickarna 'Alternativ'-knappen. Detta öppnar en meny som låter dig flytta och ta bort widgeten.

För att ta bort widgeten, välj helt enkelt alternativet 'Ta bort block'.

Att ta bort widgeten tar bort den från ditt sidofält och raderar widgetinställningarna eller eventuella alternativ du valt.

Ibland kanske du vill ta bort en widget men spara dess inställningar för framtiden. Detta är användbart om du planerar att använda den igen senare utan att behöva konfigurera om den.

För att göra detta på skärmen Utseende » Widgetar (för klassiska teman) kan du dra widgetblocket till avsnittet ‘Inaktiva widgetar’.

Leta efter handtaget med sex prickar eller klicka och håll i widgetblocket för att dra det.

Innan du lämnar sidan, se till att klicka på knappen ‘Uppdatera’ för att spara dina widgetinställningar.

Om du vill använda den widgeten igen, dra helt enkelt widgetblocket från avsnittet ‘Inaktiva widgetar’ tillbaka till ett aktivt widgetområde.

Du kanske också vill se vår guide om hur du inaktiverar oönskade widgetar från WordPress.

Vilka typer av widgets finns tillgängliga för WordPress?

En standardinstallation av WordPress levereras med inbyggda widgets, inklusive de senaste inläggen, taggar, ett sökfält, kategorier, en kalender och mer.

De flesta WordPress-plugins och teman levereras dock också med sina egna widgetblock som du kan lägga till på din webbplats.

För att ge dig en bättre uppfattning, här är en sammanfattning av vanliga WordPress-widgetar du kommer att stöta på, både inbyggda och de som ofta läggs till av plugins:

Widgetnamn	Funktion & Användningsfall
Arkiv	Visar ett månatligt arkiv av dina inlägg, användbart för att låta besökare bläddra i äldre innehåll.
Ljud	Bäddar in en ljudspelare för att spela musik eller podcaster direkt på din webbplats.
Kalender	Visar en kalender som markerar dagar med publicerade inlägg, vilket underlättar navigering.
Kategorier	Listar dina kategorier av inlägg, vilket hjälper användare att utforska specifika ämnen.
Anpassad HTML	Låter dig lägga till anpassad HTML-kod, perfekt för att bädda in externt innehåll eller unika layouter.
Galleri	Visar ett urval av bilder i galleriformat.
Bild	Lägger till en enskild bild med en valfri länk.
Senaste kommentarer	Visar de senaste kommentarerna på dina inlägg, vilket uppmuntrar till interaktion.
Senaste inlägg	Listar dina senaste blogginlägg, vilket håller innehållet färskt och upptäckbart.
Navigationsmeny	Visar en anpassad meny som du har skapat (t.ex. primär meny, sidfotsmeny).
Sidor	Listar alla publicerade sidor på din webbplats.
RSS	Visar inlägg från valfritt RSS-flöde, användbart för att visa innehåll från andra webbplatser.
Sök	Lägger till ett sökfält, vilket gör det möjligt för besökare att hitta specifikt innehåll på din webbplats.
Kortkod	Låter dig infoga kortkoder från plugins eller teman.
Sociala ikoner	Visar länkar till dina sociala medieprofiler (ofta tillhandahållna av teman/plugins).
Taggar moln	Visar en molnvy av dina mest använda taggar, vilket gör innehållsupptäckt mer visuellt.
Text	Lägger till vanlig text eller grundläggande HTML, mångsidigt för välkomstmeddelanden, friskrivningar etc.
Video	Bäddar in videor från plattformar som YouTube eller Vimeo, eller själv-hostade videor.
WPForms (Exempel)	Låter dig bädda in ett kontaktformulär skapat med WPForms-pluginet direkt i ett widget-område.

Du kan till och med skapa din egen widget för att lägga till en helt anpassad widget i WordPress. För mer information, se vår guide om hur du skapar en anpassad WordPress-widget.

Vanliga frågor om att lägga till och använda widgets i WordPress

Här är några frågor som våra läsare ofta har ställt om att lägga till och använda widgets i WordPress:

Hur fungerar widgets i WordPress?

Widgets i WordPress fungerar som små innehållsblock som du kan lägga till i områden som sidofält och sidfötter. De hjälper dig att visa extra innehåll som menyer, senaste inlägg eller sökfält utan att redigera kod.

Hur designar man en bra widget i WordPress?

En bra widget i WordPress är enkel, användbar och lätt att läsa. Den bör matcha din webbplats design och ge snabbt värde utan att distrahera användare från huvud-innehållet.

För att komma igång kan du se vår handledning om att skapa en anpassad WordPress-widget.

Hur använder man klassiska widgets i WordPress?

Du kan använda klassiska widgets i WordPress genom att installera ett plugin som återställer den gamla widget-redigeraren. Detta låter dig hantera widgets med det traditionella gränssnittet istället för det blockbaserade systemet.

För mer information kan du se vår guide om hur man inaktiverar widget-block i WordPress (återställ klassiska widgets).

Vilka är nackdelarna med widgets i WordPress?

Widgets kan ibland göra layouter röriga om för många används. De kan också sakta ner prestandan om tunga eller dåligt optimerade widgets läggs till.

Är widgets bra för SEO i WordPress?

Widgets kan stödja SEO i WordPress genom att förbättra navigering och användarupplevelse. De förbättrar dock inte direkt rankingen om de inte hjälper användare att engagera sig mer med ditt innehåll.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till och använder widgetar i WordPress. Du kanske också vill se vår guide om hur du väljer ett perfekt färgschema för din WordPress-webbplats och våra val av de bästa WordPress-sidofältsknepen för maximala resultat.

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