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

WordPress Widgets vs Blocks – Vad är skillnaden? (Förklarad)

Försöker du förstå skillnaden mellan widgetar och block i WordPress?

WordPress widgetar och block används båda för att lägga till dynamiska content-element till posts, pages, sidebars och templates.

Widgets har varit en core-del av WordPress i 16 år, medan Block har varit en del av plattformen sedan 2018. De tjänar liknande funktioner, men de är inte desamma.

I den här artikeln förklarar vi skillnaden mellan widgetar och block i WordPress så att du kan lära dig att använda dem på rätt sätt.

Understanding the difference between WordPress widgets and blocks

Här följer en snabb översikt över de ämnen som vi kommer att täcka i den här artikeln:

Vad är WordPress Widgets?

WordPress widgets är dynamiska innehållselement som du kan add to widget-klara areas gillar sidebars.

Widgetar introducerades i WordPress 2.2 (maj 2007).

Syftet var att ge användarna ett enkelt sätt att add to anpassningsbara element på sin website utan att behöva insert samma element upprepade gånger i slutet av blogginlägg.

Till exempel, eller redigera deras WordPress theme filer för att skapa en sidebar och manuellt koda in något som Google AdSense tracking koder.

Användare kunde helt enkelt insert innehåll eller funktioner med hjälp av widgetar som inte behövde vara en del av deras övergripande theme-filer eller blogginlägg.

Widgetar gjorde det mycket enklare för användare att skapa sin perfekta WordPress blogg, så att de enkelt kunde lägga till bannerannonser eller anmälningsformulär för email.

Så småningom anpassade nästan all WordPress teman widgets genom att lägga till widget-klara areas i sin design och layouts. Dessa var oftast sidebars och footers.

WordPress widgetar editor gillade detta fram till WordPress 5.8, som släpptes 2021.

Old widgets screen

Vad är block i WordPress?

Block är de element som användare kan add to ett area med hjälp av WordPress content editor. WordPress bytte till denna blockbaserade innehållsredigerare i WordPress 5.0.

You may also see it referred to as the Gutenberg editor, which was its development code name.

Block är mycket lika widgetar eftersom varje block hanterar ett enskilt element på sidan eller posten.

Likes widgets, men block introducerades endast som en del av inläggs- och sid editor, vilket innebär att de inte lätt kunde läggas till områden som gillar webbplatsens footer eller sidofält.

Ett block kan infogas i ett inlägg eller en sida för vilket element som helst, inklusive ett stycke, en image, ett gallery, en plugin-specifik funktion som e-postregistreringar eller en videoinbäddning.

Using the WordPress block editor

Det finns också block för att add to design layout element gillar covers, patterns, tabeller, columns, grupper, och mer.

För att lära dig mer, se vår kompletta WordPress Block Editor Tutorial, som visar hur man använder standard editor för att skapa beautiful content layouts.

Skillnaden mellan widgetar och block i WordPress

Fram till WordPress 5.8 var skillnaden mellan widgetar och block ganska uppenbar.

Användare addade widgetar till sina temas widget-ready areas. De användes främst för att visa element som inte var content på post/page. Till exempel listor över senaste inlägg, viktiga links, bannerannonser, formulär och mycket mer.

Skillnaden mellan widgetar och block har dock blivit ganska suddig nu.

Widgetar är fristående element som används i widget-klara areas som gillar sidebar på en WordPress website.

Block är också fristående element som du kan komma åt via block editor. De kan användas i posts och pages, samt i widget-ready areas. Du kan också använda dem i templates om ditt theme har aktiverat hela Site Editor.

Widgetar var de första som allowade utvecklare att mata ut andra element som gillar contact forms, testimonials, social media feeds, och mer.

Samma sak kan dock uppnås med hjälp av block. Många av de högst upp WordPress plugins kommer nu med block som du kan add to var som helst.

Plugin blocks

Till exempel har WPForms ett block för kontaktformulär som du kan add to var som helst för att displayed ett formulär.

All in One SEO innehåller block för innehållsförteckningen, HTML-webbplatskarta, breadcrumb navigation och mer.

MemberPress levereras med block som allow you att sälja medlemskap, display lists of downloads, paywall content, med mera.

Den blockbaserade widgetaren Editor

WordPress planerade att anpassa Block Editor för att redigera alla områden på din website, inklusive widget-klara områden.

För att göra detta möjligt introducerades den nya blockbaserade widgetar-editorn i WordPress 5.8.

Användare kunde nu använda block i widgetfärdiga områden i sina teman.

Block widget editor

Widgets är fortfarande placerade under menyn Appearance ” Widgets.

Men om du använder ett block-baserat theme som inte har några definierade widget-ready areas, så kanske du ej ser det där under.

Istället kommer du att se menyn Appearance ” Editor.

Site editor with no widgets screen

Många av de legacy WordPress widgets har redan block som kan göra samma sak.

Klicka på knappen add new block (+) för att hitta ett gäng block som kategoriseras som Widgets.

Widget blocks

Dessa är fortfarande block, men de kategoriseras bara som widgets så att användarna kan förstå att de beter sig som legacy-widgets.

Om en användare ändå behöver använda ett legacy-widget som inte har ett alternativt block, kan de göra det genom att använda blocket Legacy Widgetar.

Legacy widget block

Om ett WordPress plugin har ett block som du kan add to posts och pages, kan du nu också använda samma block i widget-ready areas.

Theme utvecklare kan också skapa customizes block som användare kan add till olika områden på sina webbplatser.

Framtiden för WordPress Widgets

WordPress går mot en vidarebefordran mot ett mer intuitivt och enhetligt sätt att editera innehållet på en WordPress website.

Detta innebär att äldre widgets inte längre kommer att vara tillgängliga vidarebefordran. WordPress Themes och plugin utvecklare anpassar sig redan och lägger till support för block editor i sina produkter.

Men många WordPress teman använder fortfarande äldre widgets, dessa teman anropas nu klassiska teman. På samma sätt finns det många tillägg till WordPress som fortfarande använder shortcodes och legacy widgets.

Om du fortfarande behöver använda de gamla widgetarna kan du inaktivera block-widgetar i WordPress.

Det enkla sättet skulle vara att göra det genom att använda den gratis WPCode plugin, som tillåter dig att customize WordPress utan att lägga till dussintals tillägg.

Det har ett förberett snippet som du kan använda för att inaktivera block widgets.

Select the Disable Widget Blocks snippet from the WPCode library

Alternativt kan du också använda Classic Widgets plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Vid aktivering kommer pluginet helt enkelt att ersätta den blockbaserade widget editor med den äldre widget page.

Note : Classic Widgets plugin kommer endast att stödjas fram till 2024. Efter det kommer pluginet inte att uppdateras eller underhållas; det är därför vi rekommenderar att du använder WPCode för att framtidssäkra din customizer.

Block vs. Widgets – Vilken är bäst?

Vi rekommenderar att användare börjar använda den nya blockbaserade widgetar Editor så snart som möjligt eftersom det är den riktning WordPress utveckling är på head.

Den är användarvänlig, modern och mer flexibel än den tidigare vyn Widgets.

Om ett WordPress plugin eller tema på din website inte stöder blockbaserade widgets, kan du kontakta utvecklaren och be dem konvertera sina widgetar till block.

Om de inte har planer på att släppa en update kan du enkelt hitta alternativa tillägg eller themes som kan ersätta dem.

Vi hoppas att den här artikeln hjälpte dig att förstå skillnaden mellan widgets och block i WordPress. Du kanske också vill se vårt urval av de bästa block-tilläggen för WordPress eller se vår guide om skillnaden mellan block editor vs. page builders.

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 says

    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.