Ha a WordPress 5.0-s vagy újabb verzióját használja, hacsak nem egy szikla alatt élt, kétségtelenül hallott már a Gutenberg -frissítésről, amelyet ^(Gutenberg)2018 decemberében^{(December 2018)} egyesítettek a WordPress - szel .

Tehát ha a WP legújabb verzióját használja, akkor vagy már Gutenberget használ, vagy a ^(Gutenberg)WordPress Classic Editor beépülő modul^{( WordPress Classic Editor plugin)} telepítésével folytatta a klasszikus szerkesztő használatát .

Miért Gutenberg?^{(Why Gutenberg?)}

Sok WP-felhasználó nem áll készen arra, hogy felugorja a Gutenberg-kocsit^{(on the Gutenberg wagon)} , de néhányan igen, beleértve ezt a webhelyet is.

Néhány ok, amiért érdemes lehet használni a Gutenberget^(Gutenberg) , az, hogy:

• A WP fejlesztők jövője.
• Jobb felhasználói élményt biztosít.
• Rugalmasabb, mint a WP eredeti szerkesztője ( TinyMCE ).
• Új piacot fog biztosítani a fejlesztőknek.

Mi a különbség a WordPress és a Gutenberg között?^{(What Are The Differences Between WordPress & Gutenberg?)}

A WP klasszikus szerkesztője^{(Classic Editor)} egy szövegszerkesztő, és nagyon hasonlít a Microsoft Word -re . Egyetlen szerkesztőmezővel rendelkezik, amint az az alábbi képernyőképen látható.

A Gutenberg^(Gutenberg) egy blokkalapú szerkesztő, amely így néz ki:

A különböző típusú tartalmakhoz több blokk tartozik, amelyek saját formázási beállításokat tartalmaznak. Olyan blokkok, mint:

• Gomb
• Kép
• asztal
• Beágyaz
• Lista
• Képtár
• Hang
• Idézetek
• Cím
• Kód
• Vers
• Egyéni HTML

Ezenkívül a témák és a bővítmények több blokkot és widgetet kínálnak, amelyeket WP-bejegyzéseiben és oldalaiban használhat fel.

Hogyan érinti a meglévő oldalakat vagy bejegyzéseket?^{(How Are Existing Pages Or Posts Affected?)}

A frissítés és a Gutenberg használata után meglévő oldalai és bejegyzései továbbra is megfelelően jelennek meg. 

Azonban ellenőrizze a rövid kódokat, és győződjön meg arról, hogy az esetleg használt bővítmények működnek.

Ha szerkeszt egy meglévő oldalt vagy bejegyzést, az automatikusan megnyílik egyetlen új , klasszikus Gutenberg - szerkesztő blokkban.

Készen állsz a váltásra?

Használjon állomáshelyet^{(Use a Staging Site)}

Az utolsó dolog, amit meg szeretne tenni, az az, hogy megszakítja meglévő webhelyét. Ezt úgy lehet elkerülni, hogy aktiválja Gutenberget ^(Gutenberg)egy^{(a staging site)} színpadon . Ez a webhely pontos másolata, ahol tesztelheti a dolgokat anélkül, hogy károsítaná élő webhelyét.

A tesztoldalak tartalmazzák a témát, a beépülő modulokat , a beállításokat és a tartalmat. Előfordulhat, hogy tárhelyszolgáltatója állomáshelyeket kínál. Ha nem, akkor használhatja a WordPress Staging beépülő modult^{( WordPress Staging plugin)} .

Miután az állomáshelye elkészült és fut, telepítse és aktiválja a Gutenberg beépülő modult^{( Gutenberg plugin)} , és kezdje el a tesztelést. Vagy telepítse a WordPress egy vadonatúj példányát a számítógépére , és tesztelje ott.

Ellenőrizze a beépülő moduljait^{(Check Your Plugins)}

A WordPress-felhasználók jól ismerik, mi történik, ha a beépülő modulok nem működnek jól együtt. Néha ez a funkció vagy az ütköző kód miatt van. Ez egy kiváló alkalom annak ellenőrzésére, hogy az összes telepített bővítményt használja-e. Ha nem, távolítsa el őket.

Azt is szeretné látni, hogy mely bővítményeket használja a rendszer, amikor tartalmat szerkeszt a WordPressben^(WordPress) . Az egyes bővítményeknek, mint például az Akismet , a 7. kapcsolatfelvételi űrlap^{(Contact Form 7)} , a Google Sitemap Generator és a WP Super Cache semmi közük a szerkesztőhöz, és a Gutenberg használata nem érinti őket .

Másrészt minden olyan beépülő modul, amely funkcionalitást ad, vagy megváltoztatja a WP klasszikus szerkesztőjének megjelenését, nem biztos, hogy kompatibilis a Gutenberggel^(Gutenberg) . Különösen azok a beépülő modulok, amelyek rövid kódokat generálnak, egyéni stílusokat adnak hozzá, vagy amelyeket nemrégiben nem frissítettek, általában ütköznek és okoznak problémákat.

Gutenbergnek^(Gutenberg) korábban volt egy aktív plugin-kompatibilitási^{(Plugin Compatibility)} adatbázisa. Ezt azonban leállították, mert már nem karbantartják aktívan.

Megtekintheti a végleges adatokat, és letöltheti az adatbázist ^{( download the database)}CSV -fájlként . Aktív plugin-kompatibilitási adatbázishoz való hozzáférés nélkül minden egyes használt beépülő modult manuálisan kell tesztelnie.

Próbáljon meg új bejegyzést létrehozni a tesztoldalon. Látni fogja, hogy a Gutenberg - szerkesztőben van, és ez másképp fog kinézni az Ön számára. Amikor elkezd gépelni, automatikusan létrehoz egy bekezdésblokkot. Új bekezdés hozzáadásakor nem kell új blokkot hozzáadnia. Csak^(Just) nyomja meg az Entert vagy a Vissza billentyűt.

Mivel azt próbálja megnézni, hogy a jelenlegi beépülő moduljai működni fognak-e, próbálja meg újra létrehozni, hogyan használta mindegyiket, és ellenőrizze, hogy továbbra is működnek-e.

Ha nem, keresse meg ugyanazt a funkciót az alapértelmezett Gutenberg -blokkban, adja hozzá azt a blokkot, és adja hozzá a tartalmat.

Ügyeljen arra, hogy készítsen egy listát a nem megfelelően működő beépülő modulokról, hogy eltávolíthassa őket, amikor elindítja a Gutenberget^(Gutenberg) .

Mi a teendő, ha nincs alapértelmezett blokk a szükséges funkciókhoz?^{(What If There Is No Default Block For The Functionality You Need?)}

Ellenőrizze az összes blokkot, hogy megbizonyosodjon arról, hogy a kívánt funkció egy másik blokkon belül található-e. Ha nem talál valamit, ami működne, lépjen kapcsolatba a bővítmény szerzőivel, és kérdezze meg tőlük, hogy tervezik-e a frissítést, hogy kompatibilis legyen a Gutenberggel^(Gutenberg) .

Ha minden más nem sikerül, próbáljon meg egy Gutenberg-bővítményt^{( Gutenberg plugin)} találni , amely azt teszi, amire szüksége van. Törölje a nem működő beépülő modulokat az állomáshelyről.

Élő adás^{(Going Live)}

Mielőtt BÁRMIT csinálna élő webhelyén, készítsen teljes biztonsági másolatot a teljes webhelyről arra az esetre, ha valamit kihagyott volna a kompatibilitás ellenőrzése során, vagy más hiba lépne fel.

Lehetőség van az összes szükséges módosítás elvégzésére a tesztoldalon, és elküldheti azokat az élő webhelyére. Ehhez azonban bizonyos technikai ismeretek szükségesek. Tehát, hacsak nem fejlesztő vagy olyan, amelyik működik az Ön számára, jobb, ha manuálisan hajtja végre a módosításokat.  

Kezdje azzal, hogy törölje a nem működő beépülő modulokat, és adja hozzá a talált újakat a helyükre. Ha a régi bővítmények feldolgozzák a meglévő bejegyzések és oldalak adatait, és nem törnek fel újakat, akkor telepítve hagyhatja őket.

Szeretné átalakítani régi bejegyzéseit és oldalait Gutenberg blokkokká?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Nyissa meg az egyes oldalakat, és tegye közzé a klasszikus blokkmenüből^{(Block Menu)} . Kattintson^(Click) a három pontra a lehetőségek megtekintéséhez^{(view options)} . A legördülő menüből válassza a Konvertálás blokkokká lehetőséget^{(Convert to Blocks)} .

Miután a WP átkonvertálta a tartalmat a Gutenberg blokkrendszerbe, minden blokkot át kell tekintenie. Használja a Navigáció blokkolását^{(Use Block Navigation)} (az ikonokból) a bejegyzés vagy az oldal összes részének megtekintéséhez.

Amint a fenti képernyőképen látható, minden bekezdés, kép, lista és címsor a saját blokkjában van. A meglévő oldalak és bejegyzések átalakítása az új Gutenberg rendszerre gyors és egyszerű.

A beépülő modulok tesztelése és újak keresése több órát is igénybe vehet, de ezt csak egyszer kell megtennie. Kövesse a fent javasolt lépéseket, hogy fájdalommentesen és hibamentesen költözhessen Gutenbergbe .^(Gutenberg)

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 and higher, υnleѕs yоu have been living under а rоck, you will have undoubtedly heard of the Gutenberg update which was merged into WordPress in Dеcember 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 oktatóanyag: Az új szerkesztő használata

• A WordPress webhely áthelyezése egyik gazdagépről a másikra

• A WordPress telepítése és beállítása a Microsoft Azure-ban

• Hogyan futtassuk a hihetetlenül gyors WordPress-t a Microsoft Azure-on

• Az adatvédelem konfigurálása a WordPressben és miért fontos

• A legjobb blogírási formátum a pontok megszerzéséhez

• WordPress Jetpack: mi ez, és érdemes-e telepíteni?

• 9 kötelező beépülő modul az új WordPress telepítésekhez

• Hogyan végezzünk hatékony osztott teszteket a WordPressben

• A lábléc szerkesztése a WordPressben

• Mi az AMP for WordPress és hogyan kell telepíteni?

• Védje és biztonságossá tegye a WordPress webhelyet a hackerek ellen

• A PHP frissítése a WordPressben

• Squarespace vs WordPress: melyik a jobb webhelyplatform?

• WordPress tesztoldal telepítése a számítógépére

• Saját Twitter-szerű webhely létrehozása a WordPress P2 témája használatával

• A WordPress telepítése a Google Cloud Platformon

• Könyvajánló: Készítse el saját webhelyét: Képregény útmutató HTML-hez, CSS-hez és Wordpress-hez

• Lebegő oldalsáv hozzáadása a Wordpresshez

• A 11 legjobb WordPress podcast bővítmény