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.
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.
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.
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.
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.
Ytterligare läsning
- Hur man importerar / exporterar dina WordPress Gutenberg Blocks (2 steg)
- Så här uppdaterar du dina gamla WordPress-poster med Gutenberg Block Editor
- Guide för Beginnare: Så här använder du WordPress Block Patterns
- Classic Editor
- 15+ Bästa Gutenberg Blocks Plugins för WordPress (Super användbara)
- 13 vanliga problem med Block Editor i WordPress och hur man fixar dem
- Så här inaktiverar du Gutenberg och behåller den klassiska Editorn i WordPress
- Så här använder du WordPress Block Editor (Gutenberg Tutorial)
- WordPress Block Editor vs Page Builders: Vad är skillnaden?
- Så här skapar du ett Customize WordPress Block (enkelt sätt)
