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 blockredigeraren i WordPress?

WordPress blockredigerare är en innehållsredigerare som används för att skapa, redigera och formatera inlägg och sidor. Den låter dig enkelt bygga komplexa layouter genom att lägga till olika typer av innehållsblock och använda dra-och-släpp för att flytta dem dit du vill.

Blockredigeraren introducerades i WordPress 5.0 och blev standardinnehållsredigerare i WordPress 6.0. Den är också känd som Gutenberg-redigeraren.

Den ersätter den klassiska redigeraren, som var standardredigeraren i WordPress från 2004-2018.

Vad är skillnaden mellan blockredigeraren och klassisk redigerare?

Den tidigare WordPress-innehållsredigeraren kallas klassisk redigerare, och det var standardredigeraren från WordPress 1.5 år 2004 fram till WordPress 5.0 år 2018.

Eftersom den användes i så många år blev långvariga WordPress-användare mycket bekanta med den. Den kändes också bekant eftersom den fungerade som en ordbehandlare som Microsoft Word.

Gränssnittet för den klassiska redigeraren

Den placerade en verktygsfält ovanför redigeraren med ikoner för att lägga till textformatering som rubrikstilar, fetstil, kursiv stil, listor och justering. Detta fungerar bra för inlägg och sidor som är utformade som ett enkelt dokument, men gör komplexa layouter svåra.

Å andra sidan är blockredigeraren perfekt för komplexa layouter. Du kan enkelt bygga en webbsida genom att lägga till enskilda block för stycken, bilder, rubriker och mer.

Du kan ordna om blocken med dra-och-släpp och styla och anpassa dem individuellt. Detta blockbaserade tillvägagångssätt ger större kontroll över din innehålls layout och utseende.

Du kan lära dig mer i vår guide om hur man använder WordPress blockredigerare.

Vad är skillnaden mellan blockredigeraren och sidbyggare?

Blockredigeraren levereras förinstallerad med WordPress och låter dig skapa vackra innehållslayouter med hjälp av block. Så du kanske undrar om du behöver en dra-och-släpp WordPress-sidbyggarplugin.

Topp WordPress-sidbyggare som SeedProd, Thrive Architect, Beaver Builder, och Divi är betydligt kraftfullare.

Precis som blockredigeraren är de dra-och-släpp designverktyg som låter dig skapa anpassade WordPress-webbplatsdesigner utan att skriva någon kod.

SeedProd en populär WordPress-sidbyggarplugin

De kommer dock också med färdiga mallar som sparar tid, och de erbjuder mycket mer designflexibilitet än WordPress blockredigerare

För en detaljerad jämförelse, se vår guide om WordPress blockredigerare kontra sidbyggare.

Vilka block finns tillgängliga i WordPress?

Gutenberg-redigeraren tillhandahåller gott om vanliga block för att skapa innehåll. Det är viktigt att utforska de olika block som finns tillgängliga och lära sig att använda dem i ditt innehåll.

Du hittar block för att lägga till stycken, listor, bilder, gallerier och mer. Du kan utforska tillgängliga block och lägga till dem i ditt inlägg med hjälp av blockinfogaren.

Innehållet i varje blocktyp kan redigeras, formateras och anpassas. Du kan till exempel göra texten i ett stycke-block fetstil eller beskära en bild i ett bildblock.

För att anpassa ett block, välj det helt enkelt och använd sedan alternativen i verktygsfältet och sidofältet.

Anpassa ett block med verktygsfältet och sidofältet

Det finns också block för att lägga till mer specifika typer av innehåll, som call-to-action-knappar, YouTube-videor, text i kolumner, kodavsnitt, tabeller och mycket mer.

Utöver dessa kan du utöka de tillgängliga blocktyperna genom att installera plugins som lägger till fler block i redigeraren eller skapa egna block.

Hur du skapar egna block i WordPress

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

Det bästa sättet att göra detta är att skapa ett block-snippet med hjälp av WPCode. Detta låter dig designa anpassade block med själva blockredigeraren.

Välj alternativet Block-snuttar och klicka på knappen Redigera med blockredigeraren

Ett andra sätt att skapa anpassade block är att använda Genesis Custom Blocks plugin. Detta är gjort av personerna bakom WP Engine hosting.

Detta plugin ger utvecklare enkla verktyg för att snabbt skapa anpassade block för sina projekt.

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

När du har skapat egna block kan du importera och exportera dina Gutenberg-block mellan webbplatser.

Vad är blockmönster?

Normalt lägger du till designelement i ett inlägg ett block i taget. Men om du regelbundet använder samma kombination av block kan du spara tid genom att använda blockmönster.

Ett blockmönster är en fördefinierad samling av block. Det låter dig lägga till en hel grupp av block i ett steg, vilket gör att du kan skapa egna innehållslayouter snabbare.

Till exempel kan du använda blockmönster för att lägga till layout med flera kolumner, mönster för media och text, mönster för uppmaningar till handling, rubriker, knappar, och mer.

WordPress levereras med ett urval av användbara blockmönster, och vissa populära WordPress-teman erbjuder också fler blockmönster som kan användas när du skriver innehåll.

Du kan lära dig mer i vår nybörjarguide om hur du använder WordPress blockmönster.

Hur uppdaterar du dina gamla WordPress-inlägg med blockredigeraren

Om du har haft din WordPress-webbplats i flera år, då kanske du har mycket gammalt innehåll skapat med den klassiska redigeraren. Som standard kommer dessa inlägg fortfarande att öppnas i den klassiska redigeraren.

Du kanske undrar om det är möjligt att redigera dessa inlägg med blockredigeraren.

Svaret är ‘Ja’, och du kan lära dig hur genom att följa vår steg-för-steg-guide om hur du uppdaterar dina gamla WordPress-inlägg med Gutenberg blockredigerare.

Hur man inaktiverar blockredigeraren och använder klassisk redigerare

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

Om du dock vill fortsätta använda den klassiska redigeraren kan du inaktivera blockredigeraren och aktivera den klassiska redigeraren med hjälp av ett plugin eller ett kodavsnitt.

Vi rekommenderar att använda WPCode eftersom det gör det enkelt att lägga till anpassad kod i WordPress och inkluderar ett avsnitt i sitt kodbibliotek som kan aktivera den klassiska redigeraren.

Aktivera den klassiska redigeraren med ett WPCode-utdrag

Du kan lära dig mer i vår guide om hur man inaktiverar Gutenberg och behåller den klassiska redigeraren i WordPress.

Vanliga problem med blockredigeraren och hur du löser dem

Du kan ibland stöta på problem när du använder blockredigeraren, som felmeddelanden, krascher, justeringsproblem och mer.

Du kan hitta hjälp i vår guide om vanliga problem med WordPress blockredigerare och hur du löser dem.

Vi hoppas att den här artikeln hjälpte dig att lära dig mer om blockredigeraren i WordPress. Du kanske också vill se vår lista med ytterligare läsning nedan för relaterade artiklar om användbara WordPress-tips, tricks och idéer.

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

Vad är: Blockredigeraren