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 Block Editor vs Page Builders: Vad är skillnaden?

Eftersom WordPress Block Editor adderar fler funktioner för redigering av webbplatser, har vi fått frågan om det är tänkt att vara en ersättning för drag and drop WordPress page builder plugins?

WordPress Block Editor är ganska intuitiv och kan användas för att skapa beautiful layouts för content. Men det är fortfarande ingen matcha för de kraftfulla page builder tillägg.

I den här artikeln jämför vi WordPress block editor vs page builder tillägg för att hjälpa dig att förstå skillnaden.

The difference between block editor and page builder plugins

WordPress Block Editor vs Page Builders (Förklarat)

Block Editor är standard editor i WordPress. Den använder block för vanliga element på webbplatsen (därav namnet Block Editor).

När du skapar posts och pages på din site i WordPress kan du använda block editor för att add to och edit ditt content. Block Editor används också för alla dina widget areas. Och nu finns det teman som anropas som ”block themes” som även har support för att använda block editor för alla områden på din website.

Block Editor

Eftersom block editor allow you att använda block för att skapa layouts för content, är det lätt att förväxla den med en drag and drop page builder.

Det är dock fortfarande ingenstans nära att anropas en page builder.

WordPress page builders plugins är drag-and-drop design tools som allow you att skapa custom WordPress website designs utan att skriva någon kod.

SeedProd a popular WordPress page builder plugin

Topp WordPress page builders gillar SeedProd, Thrive Architect, Beaver Builder, Divi, Elementor, och Visual Composer är betydligt mer kraftfulla.

De levereras med färdiga templates som du kan använda och erbjuder mycket mer designflexibilitet än WordPress block editor.

För att förstå bättre, låt oss ta en djupare titt på skillnaderna mellan WordPress Block Editor och page builders.

Viktiga skillnader mellan Gutenberg och Page Builder tillägg

Den största skillnaden är att Block Editor är inbyggd i WordPress core som standard editor.

Å andra sidan skapas och stöds page builders tillägg av tredjepartsutvecklare.

WordPress.org-teamet anropar inte page builder för standard editorn. Istället anropar de Block Editor, och det presenteras som ett modernt sätt att editera din website i WordPress.

Det finns en stor anledning till det, och det kommer att bli mycket clear när you läser skillnaderna mellan de två.

1. Kompatibilitet och support för teman

WordPress block editor förlitar sig starkt på dina temastilar. Den lägger till lite av sin egen CSS och tillåter dig även att lägga till custom CSS för block, men den åsidosätter inte dina temastilar och inställningar.

Theme dependency

Medan page builders tillägg kan arbeta med ditt temas stilar, ger de dig också alternativet att helt ta över en page och åsidosätta ditt temas stilar.

Vissa WordPress page builders gillar SeedProd är helt tema agnostiska. Detta innebär att pages som skapats med SeedProd ser likadana ut även om du ändrar ditt WordPress theme.

Theme agnostic design

Detta är till stor hjälp om du vill skapa custom layouts för alla pages på din website.

2. Block och widgets

WordPress Block Editor levereras med en anständig uppsättning standardblock som täcker alla vanligt förekommande content-element. Du kan också save och återanvända block i andra posts och till och med på andra WordPress websites.

Det har ett kraftfullt API som tillåter utvecklare av plugins att skapa sina egna block. Alla de högst upp WordPress tillägg har också sina egna WordPress block som du kan använda.

Using blocks in the block editor

Å andra sidan har WordPress page builders ännu fler block.

De erbjuder avancerade content-element, inklusive carousels, sliders, call-to-action-knappar, contact forms, countdown timers och mycket mer.

Page builder blocks

Du kan också save enskilda block, row eller hela templates för att återanvända dem senare.

3. Options för format och Styling

Blocken i WordPress Block Editor har sina egna alternativ för styling och format. Dessa alternativ är dock limiterade.

För mer styling och format måste du add to din egen custom CSS för ett block.

Block styling

Page Builders, å andra sidan, erbjuder fler alternativ för styling som standard.

Du kan ändra bakgrundsfärgerna för block, använda gradienter, använda font-icons, välja font, line height, justera bredden på element, använda stilar på images och mycket mer.

Block styling in Page builders

4. Templates, Patterns, and Sections (mallar, mönster och sektioner)

Block Editor levereras med mönster, som är uppsättningar av block för att snabbt kunna insertera vanligt förekommande områden på en WordPress blogg.

You can for example use block patterns for headers, call-to-action buttons, columns, and more.

Block patterns

Ditt WordPress theme kan komma med sina egna mönster. Du kan också hitta och installera mönster från WordPress.org:s mönsterbibliotek.

Om du använder ett block-tema (teman som stöder fullständig redigering av site) kan du också redigera templates. Ditt WordPress-tema kan komma med templates som du kan edit med hjälp av block editor.

Templates in site editor

Dessa templates är dock generiska och tillhandahåller funktionalitet för att visa vanliga pages på en typisk WordPress website.

WordPress page builders tillägg kommer med fler förgjorda templates och sections eller patterns.

Using sections in page builder

Till skillnad från Block Editor förlitar sig dessa sections och templates inte på your WordPress Theme för styling.

De flesta tillägg för page builders i WordPress levereras med dussintals färdiga templates som är mycket optimerade för konvertering.

Page builder templates

Dessutom får du templates för specifika företagstyper och websites vilket gör det mycket snabbare att customize dem efter yours egna behov.

5. Funktioner för drag and drop

WordPress Block Editor är inte ett drag and drop-designverktyg (åtminstone inte i sin nuvarande form).

You can add blocks and move them up and down, but you cannot adjust their width/height using your mouse, move blocks next to each other, or create complex layouts.

Moving blocks up and down

Block Editor kommer med grupp- och Column-block som kan användas för att skapa beautiful page layouts.

Å andra sidan tillåter page builders dig att drag and drop block/widgets, justera deras höjd och bredd, skapa columns och lägga till block inuti andra block.

Drag and drop in page builders

These drag and drop page builders allow you to design your pages and even complete websites easily.

6. Full Site Editor vs WordPress page builders

Du kan också använda Block Editor för att editera ditt WordPress Theme. Du behöver dock ett WordPress Theme som stöder hela Site Editor för att prova detta.

Go to full site editor

WordPress full site editor kommer med sitewide block som gillar sökning block, site logo, navigation menyer, och mer.

You can edit your theme templates like header, footer, homepage, and more.

Site logo block editor

För att kunna använda den utvalda funktionen Full Site Editing krävs dock att du använder ett tema som stöds. Your changes will disappear if you change your WordPress theme.

Å andra sidan, WordPress page builders plugins allow you att skapa enskilda pages för att skapa din website. De fungerar med alla WordPress teman och du kan ändra ditt WordPress tema.

WordPress tillägg för temabyggare SeedProd kan även hjälpa dig att skapa ett custom WordPress theme utan att skriva någon kod.

You can easily edit any section or page of your theme with the drag and drop builder. Du kan även selecta villkor för hur varje template ska visas. Du kan till exempel visa olika sidebars för olika sections på din site.

SeedProd theme builder

7. Mål för utveckling

WordPress standard block editor är utvecklad för att göra det enklare för användare att skapa content och editera sina websites. Den är avsedd att användas av alla, inklusive bloggare, skribenter, fotografer och företag.

Page builders plugins erbjuder möjligheten att skapa konvertering och försäljningsorienterade pages utan mycket ansträngning. De är avsedda att användas av småföretag, blivande designers, WordPress agencies, eCommerce stores och mycket mer.

Medan block editor hjälper dig att skapa bättre content, hjälper page builders plugins dig att skapa bättre landing pages som hjälper dig att öka försäljningen, öka antalet prenumeranter och få ditt företag att växa.

Kan eller kommer Block Editor att ersätta page builders i WordPress?

I sin nuvarande form är Block Editor en bra content editor och ett enkelt sätt att editera och customize ditt WordPress theme.

Men det är för närvarande inte en ersättning för kraftfulla drag and drop page builder tillägg.

Med detta sagt ligger det i WordPress färdplan att förstora funktionerna i Block Editor och främja utvalda funktioner för redigering av hela webbplatsen.

Vi måste vänta och se förbättringarna för att avgöra om block editor någonsin kommer att komma close till de kraftfulla WordPress page builder plugins.

Vilket Page Builder-plugin ska du använda med Block Editor?

Alla de högst upp WordPress page builder plugins fungerar bra med WordPress block editor. Du kan ta en titt på vårt urval av de bästa insticksprogrammen för page builders i WordPress och hur de står sig mot varandra.

Om du letar efter en användarvänlig och kraftfull page builder för WordPress rekommenderar vi SeedProd. Den erbjuder en drag and drop-byggare och över 300+ inbyggda themes för att skapa alla typer av landing pages utan kodning.

Tillägget är lättviktigt och ser till att dina pages laddas snabbt, vilket hjälper your att rankas högre i sökmotorsoptimering. Det integreras också med populära e-postmarknadsföringstjänster som Constant Contact, Drip, ConvertKit, med flera.

Vi hoppas att den här artikeln hjälpte dig att förstå skillnaden mellan block editor vs WordPress page builder plugins. Du kanske också vill se vår guide om hur mycket det kostar att bygga en WordPress website, eller se vårt expertval av de bästa AI-chattbottarna för småföretag.

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

26 kommentarerLä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!

  2. Moinuddin Waheed

    Block editor has only the things which are most used for the pages and posts to appear specially the editing control whereas page builders serve a larger purpose as they are used for making visually appealing appearance of the pages and posts.
    The downside that one may think of while using page builders is extra code which may cause website to slow load but now a days very optimizes and efficient page builders are there in the market. So no worry about that.

  3. Michael Reed

    So fast forward to now with wordpress 5.9 and how does Gutenburg/Wordpress stack up against page builders?

    • WPBeginner Support

      Our recommendations from this article are still what we would recommend today :)

      Administratör

  4. Anil

    We have pages created using Block editor, can we edit these pages using Beaver builder. Thanks

    • David Innes

      You can’t switch between most page builders, and at least so far pages built with blocks are no exception. (The same is true if you want to switch from Beaver Builder to blocks.)

      The very good thing about both blocks and Beaver Builder is they both ”degrade gracefully” when disabled. That means that while fancy features like contact-form modules, galleries, columns, or row settings won’t come through, the basic text and images are generally preserved.

      When you first open a (former) Beaver Builder page with the blocks editor, or vice versa, whatever previous content remains will be turned into a single ”classic editor” text block/module. You can take it from there, possibly adding back complex blocks/modules like galleries, forms, columns, and row formatting.

  5. Stephen Gagnon

    Thank you guys very much for this extremely clear explanation!

    • WPBeginner Support

      You’re welcome, glad you found our content helpful :)

      Administratör

  6. Beulah Wellington

    Thank you for this article. I am new to WordPress and this article made things much clearer. The page builders provide so much more functionality.

    • WPBeginner Support

      Glad our article could help clarify this for you :)

      Administratör

  7. PATRICK

    I will like to know if page builders affect SEO. i am asking this because all the videos i watch on you tube for on page SEO, non o them were using page builder.
    Thanks.

    • WPBeginner Support

      Some can but for the most part they should not.

      Administratör

  8. Annette

    I do like Gutenberg. It makes the whole WordPress structure clear and easy to understand. The styling options, which are giving there, are sufficient for running a website, that’s for sure. But if they seem limited for someone, they can easily use Gutenberg Free Addons.
    Gutenberg – this is something new and fresh and I want to give it a chance. Especially when WordPress community says there will be new Gutenberg releases.

    • WPBeginner Support

      Thanks for adding your input and hope you enjoy using Gutenburg :)

      Administratör

  9. Bayu

    I prefer Gutenberg editor than page builder. For me, page builder comes with too many features that make website load slowly. I love create ”framework” with Gutenberg then improve it with some additional CSS.

    • WPBeginner Support

      Thanks for sharing your opinion :)

      Administratör

  10. Davide Corizzo

    «In its current form, Gutenberg is just a better content editor than what WordPress had before. It is NOT a replacement for the powerful WordPress page builder plugins.»

    I totally agree with this statement. I’m a Divi user and since the introduction of Wordpress 5.0, my workflow with that builder hasn’t changed at all.

    • WPBeginner Support

      Glad you haven’t had any issues :)

      Administratör

  11. Saad

    Honestly, I didn’t like the Gutenberg editor on WordPress. It may look easy, but I personally found it annoying and always prefer switching back to WordPress page builders.

    Is there a way to remove it completely? That editor seems to be installed by the theme developers itself. This was installed automatically on my website, any way to remove it?

    Thanks.

  12. Vamsi Krishna

    While I understand updating is the way to move forward, I somehow don’t enjoy working with the new gutenberg editor because it seems to have conflicts with page builder tools such as Visual Composer – in a couple of instances, my existing client sites were built on VC and this gutenberg had to be disasbled because either the classic editor was not functioning correctly or VC stopped working.

    • Editorial Staff

      Hi Vamsi,

      We definitely understand that some people will not be able to upgrade right away. This is why WordPress team made the Classic Editor plugin and gave it end-of-life date till end of 2021. In the coming releases, as more plugins adapt to Gutenberg, some of the issues that you mentioned will not occur :)

      Administratör

  13. Ed

    I think this comes a little bit ”too little, too late”. If they were gonna do such a jump, they should have done something much more powerful, not a light ”improvement” after 5 editions and so many years behind.

    On the other had, I think in the globalized environment we live in, I find incredible WP has not native functions for multi-lingual websites, and they force us to either go for the free half-functioning cumbersome plug-ins (poly), or for the not-so-good-but-better (WMPL) unjustifiably expensive plug-ins that require a lifetime yearly paid subscription, with no added value once initial set-up is completed. To me such a feature is harder to implement nowadays, while the block editor is much easier with many free powerful plug-ins (or paid ones, that are generally included free as part of a theme).

    • Editorial Staff

      Hi Ed,

      Yes it is in the roadmap to work on translations in core. It was announced last year in State of Word. Since WordPress powers a large number of websites, its sometimes challenging to move fast.

      Administratör

  14. Cavid Muradov

    Most people dont like it. But everytime I say WpBakery is the best page builder for Wordpress.

    • WPBeginner Support

      Page builders vary based on personal preference but thank you for sharing your preferred page builder :)

      Administratör

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.