Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hur man konverterar en WordPress widget till ett Block (Step-by-Step)

Vill du använda ett legacy widget i din WordPress sidebar eller post content?

I version 5.8 lade WordPress till en ny blockbaserad widget editor, vilket gör det enklare att add rich content till din site. Lyckligtvis kan du fortfarande använda klassiska widgetar på din site.

I den här artikeln visar vi dig hur du konverterar en WordPress widget till ett block.

How to Convert a WordPress Widget to a Block

Vi kommer att täcka följande ämnen i denna guide:

Vad är skillnaden mellan en WordPress Widget och ett Block?

En WordPress widget är ett innehållselement som du kan add to widget-ready areas, vilket är sections som inte anses vara en del av huvudsidan eller innehållet i posten.

Dessa inkluderar vanligtvis en sidebar, footer, header och andra sektioner som your WordPress theme anser widgetar redo.

Example of the MonsterInsights popular posts widget in a sidebar

Tekniskt sett fungerar WordPress block på samma sätt. Men hur ett block skiljer sig från ett widget beror på om du använder ett klassiskt eller block WordPress theme.

Om du använder ett klassiskt WordPress theme, då WordPress block är content-element som du add to huvudsidan eller post area.

Å andra sidan har block WordPress themes inte längre en separat widget editor. Detta innebär att alla content-element som du addar, oavsett om det är i headern, på själva page eller var som helst, anropas WordPress Blocks.

I version 5.8 introducerade WordPress en new blockbaserad widget editor. Detta gör det mycket enklare att lägga till visuella widgetar som gillar social media feeds och sociala icons.

Adding a shortcode widget to a WordPress sidebar

Men vad händer om du fortfarande förlitar dig på ett legacy widget som ej har uppgraderats till ett WordPress block? Lyckligtvis kan du fortfarande använda den.

Vi visar dig hur du enkelt kan add to legacy widgets till ett widget-ready area och andra delar av din page. Vilken metod du använder beror på om du använder ett klassiskt tema eller ett block-tema.

Men låt oss först ta en kort titt på skillnaden mellan widgetar och block ur en utvecklares view.

Kan en WordPress Widgetar enkelt konverteras till ett Block?

Om du är en utvecklare som har skapat en legacy-widget för WordPress kanske du undrar om du kan konvertera den till en new block-widget.

Widgetar och block ser likadana ut, men de är faktiskt ganska olika. De är till exempel kodade med helt olika programmeringsspråk. Widgetar är skrivna i PHP och block är skrivna i JavaScript.

Detta innebär att det inte finns något enkelt sätt att konvertera ett widget till ett block.

Men det är ej ett problem. Din befintliga widget kommer att fortsätta att fungera med new versioner av WordPress. Om du inte har planer på att updating koden för din widget, kan du låta den vara som den är.

Men om du vill fortsätta att lägga till nya funktioner i din widget är det bäst att skapa ett nytt block för att ersätta legacy-widgeten. Du kan följa vår guide om hur du skapar ett customize WordPress block.

Creating a new custom block

Så här addar du widgetar till sidebaren i ditt klassiska theme i WordPress

Om du använder ett klassiskt theme kan du lägga till klassiska widgetar i sidebaren eller andra widgetklara areas på din website i WordPress med hjälp av Legacy Widget.

Note: Om du ser Appearance ” Edit istället för Appearance ” Widgets, använder du ett block theme. Du måste följa nästa metod under.

Först måste du navigera till Appearance ” Widgets i ditt WordPress admin area.

Därefter ska du klicka på knappen ”+ Add Block”. Från popupen måste du klicka på ikonen ”Legacy Widgetar”.

Add the Legacy Widget to Your Sidebar

Nu kan du välja det widget som du vill använda från dropdown-menyn.

Klicka bara på den.

Select the Desired Widget from the Drop Down Menu

Widgeten kommer att läggas till i din sidebar.

Se till att du klickar på knappen ”Update” högst upp på vyn för att save den nya widgeten.

The Legacy Widget Is Added to the Sidebar

Mer information finns i vår Step-by-Step guide om hur du lägger till och använder widgets i WordPress och hur du lägger till WordPress-widgets i tillgänglighetsläget.

Så här addar du widgetar till sidebaren i ditt Block Theme i WordPress

Block teman, som standardtemat Twenty Twenty-Two, låter dig använda Full Site Editor i WordPress. Full Site Editing erbjuder customizeblock för styling av din websites theme men inkluderar inte legacy-widget som standard.

Det innebär att du inte kommer att kunna komma åt legacy widgets från Full Site Editor. Dessutom, när du byter från ett klassiskt theme till ett block theme, flyttas inte de legacy widgets du använde över.

Lyckligtvis kan du add to stöd för legacy widgetar med hjälp av ett plugin. Installera och aktivera helt enkelt X3P0 Legacy Widget plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Note : Du kommer att märka att pluginet inte har testats med de senaste WordPress-versionerna. Med detta sagt har vi provat pluginet, och det är det enda som fungerar bäst för denna tutorial.

Du kan läsa vår artikel om att använda otestade tillägg för att få mer information. Om du hittar ett bättre plugin, tveka inte att låta oss veta i kommentarerna!

Vid aktivering kommer plugin att lägga till Legacy Widget till Full Site Editor. Detta kommer att allow you att använda legacy widgets med nyare themes.

The Legacy Widget Is Now Available in the Full Site Editor

När du är nöjd med att lägga till widgeten kan du klicka på knappen ”Save” för att göra ändringarna officiella.

Så här addar du widgetar till innehållet i dina posts i WordPress

En av de bästa sakerna med WordPress block editor är att du kan add to widgets utanför widget-klara områden, som gillar inuti posten eller page.

När du är i content editor, gå vidare och klicka på knappen ”+ Add Block” högst upp på vyn.

Därefter rullar du ner till ”Widgets” section och hittar widgeten som du vill add to the content. Du kan sedan dra widgeten till din post.

Scroll Down to the Widgets Section

Du kan customize widgeten genom att använda panelen Settings till höger på vyn.

När du är klar publicerar eller uppdaterar du bara blogginlägget eller pages.

Configure the Widget From the Right Settings Pane

För att lära dig mer, se vår guide om hur du lägger till WordPress widgetar i post och page content.

Learn More Tricks för att använda Blocks och Widgets i WordPress

Nu när du är mer bekant med widgetar och block i WordPress kanske du vill lära dig fler sätt att få ut det mesta av dem. Här är några artiklar som du kan kontrollera för att komma igång:

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du konverterar en WordPress widget till ett block. Du kanske också vill kontrollera vår guide om hur du visar olika sidebars för varje post och page i WordPress och de bästa Gutenberg-vänliga WordPress themes.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

1 kommentarLämna ett svar

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.