What is: Block Editor?

The WordPress block editor is a content editor used to create, edit, and format posts and pages. It lets you easily build complex layouts by adding different types of content blocks and using drag-and-drop to move them where you want. The block editor was introduced in WordPress 5.0 and became the default content editor in WordPress 6.0. It is also known as the Gutenberg editor. It replaces the classic editor, which was the default WordPress editor from 2004-2018.

What’s the Difference Between the Block Editor and Classic Editor?

The previous WordPress content editor is known as the classic editor, and it was the default editor all the way from WordPress 1.5 in 2004 until WordPress 5.0 in 2018. Because it was used for so many years, long-term WordPress users became very familiar with it. It also felt familiar because it operated like a word processor such as Microsoft Word. It placed a toolbar above the editor with icons for adding text formatting such as heading styles, bold, italics, lists, and alignment. This works well for posts and pages that are laid out like a simple document but makes complex layouts difficult. On the other hand, the block editor is perfect for complex layouts. You can easily build a web page by adding individual blocks for paragraphs, images, headings, and more. You can rearrange the blocks using drag-and-drop and style and customize them individually. This block-based approach offers greater control over your content’s layout and appearance. You can learn more in our guide on how to use the WordPress block editor.

What’s the Difference Between the Block Editor and Page Builders?

The block editor comes preinstalled with WordPress and allows you to create beautiful content layouts using blocks. So, you may be wondering whether you need a drag-and-drop WordPress page builder plugin. Top WordPress page builders like SeedProd, Thrive Architect, Beaver Builder, and Divi are significantly more powerful. Like the block editor, they are drag-and-drop design tools that let you create custom WordPress website designs without writing any code. However, they also come with ready-made templates that save you time, and they offer much more design flexibility than WordPress block editor For a detailed comparison, see our guide on the WordPress block editor vs page builders.

What Blocks Are Available in WordPress?

The Gutenberg editor provides plenty of commonly used blocks for creating content. It’s important to explore the different blocks that are available and learn to use them in your content. You will find blocks for adding paragraphs, lists, images, galleries, and more. You can explore the available blocks and add them to your post using the block inserter. Using the Block Inserter The contents in each type of block can be edited, formatted, and customized. For example, you can bold the text in a paragraph block or crop a photo in an image block. To customize a block, simply select it and then use the options in the toolbar and sidebar. There are also blocks for adding more specific types of content, such as call-to-action buttons, YouTube videos, text in columns, code snippets, tables, and much more. Beyond these, you can extend the available block types by installing plugins that add more blocks to the editor or creating your own blocks.

What Are Block Patterns?

Normally, you will add design elements to a post one block at a time. However, if you regularly use the same combination of blocks, then you can save time using block patterns. A block pattern is a pre-made collection of blocks. It lets you add a whole group of blocks in one step, allowing you to create custom content layouts faster. For example, you can use block patterns to add multi-column layouts, media and text patterns, call-to-action patterns, headers, buttons, and more. WordPress comes with a selection of useful block patterns, and some popular WordPress themes also provide more block patterns that can be used when writing content. You can learn more in our beginner’s guide on how to use WordPress block patterns.

Vad är Block Editor i WordPress?

WordPress Block Editor är en content editor som används för att skapa, editera och formatera post och pages. Den låter dig enkelt bygga komplexa layouts genom att lägga till olika typer av content blocks och använda drag and drop för att flytta dem dit du vill.

Block Editor introducerades i WordPress 5.0 och blev standard content editor i WordPress 6.0. Den är också känd som Gutenberg editor.

Den ersätter den klassiska Editorn, som var standard WordPress Editor från 2004-2018.

Vad är skillnaden mellan Block Editor och Classic Editor?

Den tidigare editorn för WordPress content är känd som den klassiska editorn, och den var standard editor alltifrån WordPress 1.5 2004 till WordPress 5.0 2018.

Eftersom det användes under så många år blev långvariga WordPress-användare mycket bekanta med det. Det kändes också bekant eftersom det gillade att använda en ordbehandlare som Microsoft Word.

Den placerade en toolbar ovanför editorn med icons för att lägga till textformat som heading styles, fetstil, kursiv stil, listor och justering. Detta fungerar bra för posts och pages som är layoutade som ett enkelt dokument men gör komplexa layouts svåra.

Block Editor är å andra sidan perfekt för komplexa layouts. Du kan enkelt bygga en page genom att lägga till enskilda block för stycken, images, headings med mera.

Du kan ordna om blocken med drag and drop och styla och customize dem individuellt. Detta blockbaserade tillvägagångssätt ger större control över ditt contents layout och appearance.

Du kan läsa mer i vår guide om hur du använder WordPress Block Editor.

Vad är skillnaden mellan Block Editor och Page Builders?

Block Editor kommer förinstallerad med WordPress och allow you att skapa beautiful content layouts med hjälp av block. Så du kanske undrar om du behöver ett drag and drop WordPress page builder plugin.

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

Like the block editor, they are drag and drop design tools that let you create custom WordPress website designs without writing any code.

SeedProd a popular WordPress page builder plugin

Men de kommer också med färdiga templates som sparar tid, och de erbjuder mycket mer designflexibilitet än WordPress block editor

För en detaljerad jämförelse, se vår guide om WordPress Block Editor vs page builders.

Vilka block finns tillgängliga i WordPress?

Gutenberg editor tillhandahåller många vanliga block för att skapa content. Det är viktigt att utforska de olika blocken som finns tillgängliga och lära sig att använda dem i ditt content.

Du hittar block för att lägga till stycken, listor, images, gallerier med mera. Du kan utforska de tillgängliga blocken och add dem till din post med hjälp av block inserter.

Innehållet i varje typ av block kan redigeras, formateras och customizes. Du kan till exempel fetmarkera texten i ett block med stycken eller cropa ett foto i ett block med images.

För att customize ett block väljer du det och använder sedan alternativen i toolbaren och sidebaren.

Customizing a Block Using the Toolbar and Sidebar

Det finns också block för att lägga till mer specifika typer av content, t.ex. call-to-action-knappar, YouTube-videor, text i Column, code snippets, tabeller och mycket mer.

Utöver dessa kan du utöka de tillgängliga blocktyperna genom att installera tillägg som addar fler block till Editorn eller genom att skapa dina egna block.

Så här skapar du dina egna block i WordPress

Om du har specifika behov kan du också skapa dina egna customize block.

Det bästa sättet att göra detta är att skapa ett blocks snippet med WPCode. Detta låter dig designa customizes block med hjälp av block editor själv.

Choose the Block Snippets option and click the Edit with block editor button

Ett andra sätt att skapa custom block är att använda Genesis Custom Blocks plugin. Detta är gjort av människorna bakom WP Engine webbhotell.

Detta plugin ger utvecklare enkla tools för att snabbt skapa customize block för sina projekt.

Du kan lära dig hur du använder båda dessa metoder i vår guide om hur du skapar ett customize WordPress block.

När du har skapat några customize block kan du importera och exportera dina Gutenberg block mellan olika websites.

Vad är Block Patterns?

Normalt kommer du att lägga till designelement till en post ett block i taget. Men om du regelbundet använder samma kombination av block kan du save tid genom att använda block patterns.

Ett block pattern är en förbestämd samling block. Det låter dig add to en hel grupp block i ett steg, vilket gör att du snabbare kan skapa layouts för custom content.

Du kan till exempel använda block patterns för att add to layouts med flera kolumner, media- och textmönster, call-to-action-mönster, headers, knappar med mera.

WordPress levereras med ett urval av användbara block patterns, och vissa populära WordPress themes innehåller också fler block patterns som kan användas när du skriver content.

Du kan lära dig mer i vår guide för nybörjare om hur du använder WordPress block patterns.

Så här uppdaterar du dina gamla WordPress-poster med Block Editor

Om du har haft din WordPress website i flera år kan det hända att du har en hel del gammalt content som skapats med den klassiska Editorn. Som standard öppnas dessa posts fortfarande i den klassiska Editorn.

Du kanske undrar om det är möjligt att editera dessa posts med hjälp av block editor.

Svaret är ”Ja”, och du kan lära dig hur genom att följa vår Step-by-Step guide om hur du uppdaterar dina gamla WordPress posts med Gutenberg block editor.

Hur man inaktiverar Block Editor och använder den klassiska editorn

Vi rekommenderar att du lär dig och använder Block Editor eftersom det är framtiden för WordPress.

Men om du vill fortsätta använda den klassiska editorn kan du inaktivera Block Editor och aktivera den klassiska editorn med hjälp av ett plugin eller ett code snippet.

Vi rekommenderar att du använder WPCode eftersom det gör det enkelt att add to custom code i WordPress och innehåller ett snippet i sitt kodbibliotek som kan aktivera den klassiska editorn.

Enabling the Classic Editor With a WPCode Snippet

Du kan läsa mer i vår guide om hur du inaktiverar Gutenberg och behåller den klassiska Editorn i WordPress.

Vanliga problem med Block Editor och hur man fixar dem

Du kan ibland stöta på problem när du använder block editor, till exempel error-meddelanden, kraschar, justeringsproblem med mera.

Du kan hitta hjälp i vår guide om vanliga problem med Block Editor i WordPress och hur du fixar dem.

Vi hoppas att den här artikeln hjälpte dig att lära dig mer om block editor i WordPress. Du kanske också vill se vår lista Ytterligare Läsa under för relaterade artiklar om användbara WordPress-tips, tricks och idéer.

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.