Om du använder WordPress 5.0 och senare, såvida du inte har bott under en sten, har du utan tvekan hört talas om Gutenberg- uppdateringen som slogs samman till WordPress i december 2018 .

Så om du använder den senaste versionen av WP, använder du antingen redan Gutenberg eller har fortsatt att använda den klassiska editorn genom att installera WordPress Classic Editor-plugin .

Varför Gutenberg?^{(Why Gutenberg?)}

Många WP-användare är inte redo att hoppa på Gutenberg-vagnen^{(on the Gutenberg wagon)} , men vissa är det, inklusive denna webbplats.

Några av anledningarna till att du kanske vill använda Gutenberg är att det:

• Är framtiden för WP-utvecklare.
• Ger en bättre användarupplevelse.
• Är mer flexibel än WP:s originalredigerare ( TinyMCE ).
• Kommer att ge en ny marknad för utvecklare.

Vad är skillnaderna mellan WordPress och Gutenberg?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP:s Classic Editor är en textredigerare och ser väldigt ut som Microsoft Word . Den har ett enda redigeringsfält som visas i skärmdumpen nedan.

Gutenberg är en blockbaserad redigerare som ser ut så här:

Det finns flera block för olika typer av innehåll som inkluderar sina egna formateringsalternativ. Block som:

• Knapp
• Bild
• Tabell
• Bädda in
• Lista
• Galleri
• Audio
• Citat
• Rubrik
• Koda
• Vers
• Anpassad HTML

Dessutom erbjuder teman och plugins fler block och widgets som du kan använda i dina WP-inlägg och sidor.

Hur påverkas befintliga sidor eller inlägg?^{(How Are Existing Pages Or Posts Affected?)}

Efter att ha uppgraderat och använt Gutenberg bör dina befintliga sidor och inlägg fortsätta att visas korrekt. 

Du bör dock kontrollera dina kortkoder och se till att de plugins du kanske använder fungerar.

När du redigerar en befintlig sida eller ett inlägg öppnas det automatiskt i ett nytt klassiskt block för Gutenberg editor.^(Gutenberg)

Är du redo att byta?

Använd en iscensättningsplats^{(Use a Staging Site)}

Det sista du vill göra är att bryta din befintliga webbplats. Sättet att undvika detta är att aktivera Gutenberg på en iscensättningsplats^{(a staging site)} . Detta är en exakt kopia av din webbplats där du kan testa saker utan att skada din livesajt.

Testwebbplatser inkluderar ditt tema, plugins , alternativ och innehåll. Ditt webbhotell kan erbjuda iscensättningssajter. Om de inte gör det kan du använda plugin-programmet WordPress Staging^{( WordPress Staging plugin)} .

När din iscensättningsplats är igång, installera och aktivera Gutenberg-pluginet^{( Gutenberg plugin)} och börja testa. Eller installera en helt ny instans av WordPress på din dator och testa där.

Kontrollera dina plugins^{(Check Your Plugins)}

WordPress-användare är bekanta med vad som händer när plugins inte spelar bra tillsammans. Ibland beror det på funktionaliteten eller motstridig kod. Det här är ett utmärkt tillfälle att se om du använder alla plugins du har installerat. Om du inte är det, ta bort dem.

Du vill också se vilka plugins som används när du redigerar innehåll i WordPress . Specifika plugins som Akismet , Contact Form 7 , Google Sitemap Generator och WP Super Cache har inget med redigeraren att göra och kommer inte att påverkas av att använda Gutenberg .

Å andra sidan, alla plugin som lägger till funktionalitet eller ändrar hur WP classic-redigeraren ser ut kanske inte är kompatibla med Gutenberg . I synnerhet plugins som genererade kortkoder, lägger till anpassade stilar eller som inte har uppdaterats nyligen, brukar komma i konflikt och orsaka problem.

Gutenberg brukade ha en aktiv plugin-kompatibilitetsdatabas^{(Plugin Compatibility)} . Den har dock stängts ner eftersom den inte längre aktivt underhålls.

Du kan granska de slutliga uppgifterna och ladda ner databasen^{( download the database)} som en CSV -fil. Utan tillgång till en aktiv databas för kompatibilitet med plugin-program måste du manuellt testa varje plugin du använder.

Testa att skapa ett nytt inlägg på din testwebbplats. Du kommer att se att du är i Gutenberg- redigeraren och det kommer att se annorlunda ut för dig. När du börjar skriva skapar du automatiskt ett styckeblock. Du behöver inte lägga till ett nytt block när du lägger till ett nytt stycke. Tryck bara^(Just) på enter eller returtangenten.

Eftersom du försöker se om dina nuvarande plugins kommer att fungera, försök att återskapa hur du använde var och en och se om det fortfarande fungerar.

Om den inte gör det, leta efter samma funktionalitet i standard Gutenberg -blocket, lägg till det blocket och lägg till ditt innehåll.

Se till att ha en lista över plugins som inte fungerar korrekt så att du kan ta bort dem när du går live med Gutenberg .

Vad händer om det inte finns något standardblock för den funktionalitet du behöver?^{(What If There Is No Default Block For The Functionality You Need?)}

Kontrollera alla block för att se om den funktionalitet du behöver finns i ett annat block. Om du inte hittar något som fungerar kan du kontakta pluginförfattarna och fråga dem om de planerar att uppdatera det för att vara kompatibelt med Gutenberg .

Om allt annat misslyckas, försök att hitta ett Gutenberg-plugin som gör det du behöver. Ta bort plugins som inte fungerar från din iscensättningsplats.

Går live^{(Going Live)}

Innan du gör NÅGOT på din live-webbplats, gör en fullständig säkerhetskopia av hela din webbplats ifall du missade något när du kontrollerar kompatibilitet eller om ett annat fel uppstår.

Det är möjligt att göra alla nödvändiga ändringar på din testsajt och skicka dem till din livesajt. Detta kräver dock viss teknisk kunskap. Så om du inte är en utvecklare eller har en som fungerar för dig, är det bättre att göra ändringarna manuellt.  

Börja med att ta bort plugins som inte fungerade och lägg till de nya du hittade för att ersätta dem. Om gamla plugins bearbetar data för befintliga inlägg och sidor och inte bryter nya, kan du låta dem vara installerade.

Vill du konvertera dina gamla inlägg och sidor till Gutenberg-block?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Öppna varje sida och inlägg från den klassiska blockmenyn^{(Block Menu)} . Klicka^(Click) på de tre prickarna för att se alternativen^{(view options)} . Välj från rullgardinsmenyn Konvertera till block^{(Convert to Blocks)} .

Efter att WP konverterat ditt innehåll till Gutenberg -blocksystemet bör du granska varje block. Använd blockeravigering^{(Use Block Navigation)} (från ikoner) för att se alla delar av ditt inlägg eller din sida.

Som du kan se i skärmdumpen ovan är varje stycke, bild, lista och rubrik nu i sitt eget block. Att konvertera befintliga sidor och inlägg till det nya Gutenberg- systemet är snabbt och enkelt.

Det kan ta flera timmar att testa dina plugins och hitta nya, men du behöver bara göra detta en gång. Se till att följa stegen som föreslagits ovan för att göra din flytt till Gutenberg smärtfri och felfri.

How To Transition From The Classic WordPress Editor To Gutenberg

If you υse WordPress 5.0 and higher, unless you have been liνing under a rоck, you will have undoυbtedlу heard of the Gutеnberg updаte whіch was merged into WordPress in December 2018.

So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.

Why Gutenberg?

Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.

A few of the reasons why you might want to use Gutenberg are because it:

• Is the future for WP developers.
• Provides a better user experience.
• Is more flexible that WP’s original editor (TinyMCE).
• Will provide a new market for developers.

What Are The Differences Between WordPress & Gutenberg?

WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.

Gutenberg is a block-based editor that looks like this:

There are multiple blocks for different types of content that include their own formatting options. Blocks such as:

• Button
• Image
• Table
• Embeds
• List
• Gallery
• Audio
• Quotes
• Heading
• Code
• Verse
• Custom HTML

Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.

How Are Existing Pages Or Posts Affected?

After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly. 

However, you should check your shortcodes and make sure that the plugins you might be using are working.

When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.

Are you ready to make the switch?

Use a Staging Site

The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.

Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.

After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.

Check Your Plugins

WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.

You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.

On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.

Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.

You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.

Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.

Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.

If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.

Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.

What If There Is No Default Block For The Functionality You Need?

Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.

If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.

Going Live

Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.

It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.  

Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.

Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?

Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.

After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.

As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.

It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.

Related posts

• WordPress Gutenberg Handledning: Hur man använder den nya redigeraren

• Hur man flyttar WordPress-webbplats från en värd till en annan

• Hur man installerar och ställer in WordPress på Microsoft Azure

• Hur man kör blixtrande snabbt WordPress på Microsoft Azure

• Hur man konfigurerar sekretess i WordPress och varför det är viktigt

• 11 bästa WordPress Podcast Plugins

• Hur man installerar ett tema på WordPress

• Hur man installerar en WordPress-testwebbplats på din dator

• Hur man snabbar upp en WordPress-webbplats i 11 steg

• Vad är AMP för WordPress och hur man installerar det

• Hur man uppdaterar PHP i WordPress

• Squarespace vs WordPress: Vilken är den bättre webbplatsplattformen?

• Hur man tar bort alla spår av ett WordPress-plugin

• Hur man spårar trasiga länkar med Google Webmaster Tool

• Hur man ökar prestanda i WordPress genom en databasrengöring

• Wix vs WordPress: Vilket är bäst för att skapa din webbplats?

• Visa utdraget på hemsidan för WordPress-bloggen

• 9 måste ha plugins för nya WordPress-installationer

• 8 gratis Premium WordPress-teman att installera

• Hur man använder WP Super Cache på WordPress-bloggen