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

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

Precis som många av er tvekade vi att byta från den välbekanta Classic Editor till den blockbaserade Gutenberg Editor. Men efter att ha gett det ett försök är vi nu stora fans av Block Editor.

Vi vet att många av våra läsare fortfarande är osäkra på om de ska byta. Eftersom WordPress ständigt utvecklas är det naturligt att känna sig tveksam inför en förändring. Men som erfarna WordPress-användare kan vi med säkerhet säga: det är värt det.

Gutenberg Block Editor är mer flexibel och lättare att använda än du kanske tror. När du väl har fått kläm på det kommer du att undra hur du klarade dig utan det.

I den här guiden visar vi dig hur du uppdaterar dina gamla WordPress-inlägg med hjälp av Block Editor.

update-your-old-articles-with-gutenberg

Note : WordPress Gutenberg editor erbjuder ett enkelt och flexibelt sätt att skapa content i WordPress. Men om du ej är redo att använda den ännu kan du inaktivera Gutenberg och använda pluginet Classic Editor.

Alternativt kan du först testa om din website är kompatibel med updating till Gutenberg.

Vad är skillnaden mellan Classic Editor och Gutenberg Editor?

Innan vi börjar, låt oss först diskutera de stora skillnaderna mellan den gamla Classic Editor och Gutenberg Block Editor.

Classic Editor var en textredigerare som påminde mycket om Microsoft Word. Den hade ett enda fält för edit med alternativ för format högst upp.

Så här gillar du den klassiska Editorn:

Old WordPress editor

Å andra sidan är Gutenberg Editor en helt blockbaserad editor, som är available sedan WordPress 5.0. Du lägger till all content i form av block.

Så här gillar vi Gutenberg Block Editor:

Editing the 'Home' Page With the Block Editor

Block är content-element som är separerade från varandra med en egen uppsättning alternativ för formatering. Det finns enskilda block för varje del av innehållet, inklusive:

  • Vanlig text eller stycke
  • Imagely
  • Knapp
  • Gallery
  • Lista
  • Tabell
  • Embeds och mycket mer.

Dessutom kan du hitta fler alternativ för block med innehåll som tillhandahålls av dina WordPress-tillägg och tema.

Till exempel lägger WPForms till ett block som tillåter dig att embed dina formulär på din website.

Adding the WPForms block to a WordPress page or post

För att skapa eller edit ett post i Gutenberg editor, måste du använda block. Så här uppdaterar du dina gamla blogginlägg och pages med Gutenberg Block Editor.

Så här konverterar du dina klassiska WordPress-poster till Gutenberg (Step-by-Step)

Om du har uppdaterat din WordPress blogg till den senaste versionen av WordPress, då kommer du att ha Gutenberg Block Editor som din standard editor.

Det som är bra med Gutenberg är att det inte påverkar något av ditt gamla content, och du kan enkelt editera dina gamla artiklar.

För att editera ett äldre inlägg eller en page gör du som du brukar göra i WordPress.

I content editor kommer du att se hela innehållet omslutet av ett enda Classic block.

Classic block in Gutenberg Block Editor

Samma post skulle se ut som screenshotet under i den gamla klassiska editorn.

As you may notice, the existing content is the same. Men sättet det är organiserat på ser lite annorlunda ut.

Classic editor post example

Den nya WordPress Block Editor kommer inte att göra några ändringar i innehållet, och det kommer fortfarande att se likadant ut på din WordPress website.

Nu har du två alternativ för att editera dina gamla blogginlägg och pages:

  1. Fortsätt editingen i Classic blocket.
  2. Konvertera ditt gamla content till new Gutenberg blocks.

Det första alternativet är att fortsätta editera din gamla artikel i Classic blocket.

Classic block erbjuder dig samma Classic editor-gränssnitt med formateringsalternativ högst upp. Detta bör vara ganska enkelt.

Det andra alternativet är att konvertera ditt gamla content till nya Gutenberg block.

Det gör du genom att clicka högst upp på innehållet och välja knappen ”Konvertera till block”.

Convert classic post to blocks

Så där ja!

Your gamla content kommer automatiskt att konverteras till matchande block. Innehållet i Classic Block kommer att delas upp i flera olika block.

Nu kan du edit din gamla artikel med hjälp av de nya Gutenberg editor block. Varje block är en separat enhet med sina egna formateringsalternativ, format och designalternativ.

Om du vill ändra hur bilden ska se ut kan du helt enkelt clicka på bilden för att selecta blocket, så visas alternativen för edit högst upp.

Du kommer också att se fler alternativ i tabben ”Block” i den högra colonnen på vyn.

Example of Gutenberg blocks

I ett Paragraph-block kan du till exempel använda verktygsfältet för att ändra text- och bakgrundsfärg, välja typografi, lägga till länkar med mera.

Genom att följa samma process kan du editera alla block och få din artikel att se visuellt imponerande ut.

När du har slutfört alla nödvändiga edits kan du helt enkelt klicka på knappen ”Update” högst upp till höger på vyn för att save your changes.

Learn More Tips och tricks för Gutenberg Editor

Redo att få ut det mesta av block editor? Här är några WordPress tutorials som hjälper dig att komma igång:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du uppdaterar dina gamla artiklar med Gutenberg Block Editor. Du kanske också vill se vår lista över de vanligaste problemen med Block Editor och hur man fixar dem och vår guide om hur man använder WordPress block patterns.

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

22 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. Dennis Muthomi

    As I was reading this article, I noticed something with the third screenshot above – it shows the admin sidebar enabled on the left alongside the Gutenberg editor.

    My editor occupies the entire screen, how did you enable the admin sidebar to appear on the left alongside the editor?

    • WPBeginner Support

      In your preferences in the top-right you should be able to disable fullscreen mode to see your sidebar. :)

      Administratör

  3. Steve

    In the classic editor, there was a way to update the date on an existing post and schedule it for a new date/time. I don’t see that option in Gutenberg. I only see a way to change the date and then update the post. Does this accomplish the same thing?

  4. Deborah

    When I click Convert to blocks my page turns to what looks like code. So, I guess it is not converting correctly. I have other pages that converted fine a while back and I’m able to create new pages using blocks. Does that mean I will need to retype it all by hand?

    • WPBeginner Support

      If it is a specific page then there may be an issue with that page, you likely would need to manually recreate that specific page.

      Administratör

  5. Bettye

    I don’t have the 3 dots to the right of the editing toolbar. Does that mean my theme does not support the Gutenberg editor? I’ve been using it since 2016 but I’m on Wordpress version 5.3.2.

    Bettye

    • WPBeginner Support

      You may not be using a classic block for your content if the editor looks different than what we’re showing as one common reason for that

      Administratör

  6. RoseMary

    I am on the current version of WordPress, but do not have any option to switch from the classic editor to Gutenberg. Now that’s a puzzle! I do not have any plugins installed that would inhibit Gutenberg or keep me with the classic editor.

    Any ideas?

    • WPBeginner Support

      You may want to go to your profile to see if you have disable visual editor checked as a possible reason.

      Administratör

  7. Karen

    I guess pages would done the same way? Can you add meta description for each page with code block? Thank you.

    • WPBeginner Support

      Yes, pages would be done the same way and if you wanted you could add the HTML using the code block if you wanted

      Administratör

  8. Sarmad

    how will i earn from bloging when i have not to write articles

  9. Van

    Oh my goodness, I’ve been doing the conversion laboriously by hand. At least I haven’t done all of my prior posts by hand. Thank you for this great post. The info will definitely be a time saver for me.

      • Van

        I tried the technique earlier this morning. It works and it’s definitely better than redoing a post by hand, but it strips out inline CSS.

  10. Deb

    Very difficult getting a PayPal Button into a page now. Even with the PayPal Plugin installed and I tried to us the new button block. Hours later, I am still stuck.

    • WPBeginner Support

      If you are using their html to embed the button you may want to try the custom html block

      Administratör

  11. Janet

    I believe the article is correct when you have something simple like an image and some text. What about videos, links, embeds, anchors, documents, woocommerce, plugins that are images or text etc.? How much after the fact fixing is needed for hundreds of pages created in the old editor. Creating from scratch looks easy, fixing created pages scares me for the amount of additional work needed.

    • WPBeginner Support

      Hi Janet,

      Your content would work just fine even if you don’t edit your old articles. However, if you feel you need to create them from scratch, then you can do that as well.

      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.