Ak používate WordPress 5.0 a vyšší, pokiaľ nežijete pod skalou, nepochybne ste už počuli o aktualizácii Gutenberg , ktorá bola zlúčená s WordPress v decembri 2018^{(December 2018)} .

Ak teda používate najnovšiu verziu WP, buď už používate Gutenberg , alebo ste pokračovali v používaní klasického editora nainštalovaním doplnku WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Prečo práve Gutenberg?^{(Why Gutenberg?)}

Mnoho používateľov WP nie je pripravených naskočiť na vagón Gutenberg^{(on the Gutenberg wagon)} , ale niektorí áno, vrátane tejto webovej stránky.

Niekoľko dôvodov, prečo by ste mohli chcieť použiť Gutenberg , sú tieto:

• Je to budúcnosť pre vývojárov WP.
• Poskytuje lepšiu používateľskú skúsenosť.
• Je flexibilnejší ako pôvodný editor WP ( TinyMCE ).
• Poskytne nový trh pre vývojárov.

Aké sú rozdiely medzi WordPress a Gutenberg?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP's Classic Editor je textový editor a vyzerá veľmi podobne ako Microsoft Word . Má jedno pole úprav, ako je vidieť na snímke obrazovky nižšie.

Gutenberg je blokový editor, ktorý vyzerá takto:

Existuje viacero blokov pre rôzne typy obsahu, ktoré zahŕňajú vlastné možnosti formátovania. Bloky ako:

• Tlačidlo
• Obrázok
• Tabuľka
• Vloží
• Zoznam
• Galéria
• Zvuk
• Citácie
• Smerovanie
• kód
• Verš
• Vlastné HTML

Témy a doplnky tiež ponúkajú viac blokov a miniaplikácií, ktoré môžete použiť vo svojich príspevkoch a stránkach WP.

Ako sú ovplyvnené existujúce stránky alebo príspevky?^{(How Are Existing Pages Or Posts Affected?)}

Po inovácii a používaní Gutenberg by sa vaše existujúce stránky a príspevky mali naďalej správne zobrazovať. 

Mali by ste však skontrolovať svoje krátke kódy a uistiť sa, že doplnky, ktoré možno používate, fungujú.

Keď upravíte existujúcu stránku alebo príspevok, automaticky sa otvorí v jedinom novom klasickom bloku editora Gutenberg .

Ste pripravení na zmenu?

Použite Staging Site^{(Use a Staging Site)}

Posledná vec, ktorú chcete urobiť, je rozbiť existujúcu stránku. Spôsob, ako sa tomu vyhnúť, je aktivovať Gutenberga^(Gutenberg) na skúšobnom mieste^{(a staging site)} . Toto je presná kópia vašej webovej stránky, kde môžete testovať veci bez toho, aby ste na svojej živej stránke poškodili.

Testovacie stránky zahŕňajú vašu tému, doplnky , možnosti a obsah. Vaša hostingová spoločnosť môže ponúkať pracovné stránky. Ak nie, môžete použiť doplnok WordPress Staging^{( WordPress Staging plugin)} .

Po spustení vašej pracovnej stránky nainštalujte a aktivujte doplnok Gutenberg^{( Gutenberg plugin)} a začnite testovať. Alebo si nainštalujte úplne novú inštanciu WordPress do svojho počítača a otestujte ju tam.

Skontrolujte svoje doplnky^{(Check Your Plugins)}

Používatelia WordPress sú oboznámení s tým, čo sa stane, keď doplnky spolu nehrajú dobre. Niekedy je to kvôli funkčnosti alebo konfliktnému kódu. Toto je skvelý čas na to, aby ste zistili, či používate všetky nainštalované doplnky. Ak nie, odstráňte ich.

Chcete tiež vidieť, ktoré doplnky sa používajú pri úprave obsahu vo WordPress . Špecifické doplnky ako Akismet , Contact Form 7 , Google Sitemap Generator a WP Super Cache nemajú nič spoločné s editorom a nebudú ovplyvnené používaním Gutenberga^(Gutenberg) .

Na druhej strane, akýkoľvek doplnok, ktorý pridáva funkcie alebo mení spôsob, akým vyzerá klasický editor WP, nemusí byť kompatibilný s Gutenbergom^(Gutenberg) . Najmä doplnky, ktoré generujú krátke kódy, pridávajú vlastné štýly alebo neboli nedávno aktualizované, zvyčajne kolidujú a spôsobujú problémy.

Gutenberg mal aktívnu databázu Plugin Compatibility . Bol však odstavený, pretože už nie je aktívne udržiavaný.

Môžete si prezrieť konečné údaje a stiahnuť databázu^{( download the database)} ako súbor CSV . Bez prístupu k aktívnej databáze kompatibility doplnkov budete musieť manuálne otestovať každý doplnok, ktorý používate.

Skúste vytvoriť nový príspevok na svojej testovacej lokalite. Uvidíte, že ste v editore Gutenberg a bude to pre vás vyzerať inak. Keď začnete písať, automaticky vytvoríte blok odseku. Pri pridávaní nového odseku nemusíte pridávať nový blok. Stačí^(Just) stlačiť kláves Enter alebo Return.

Keďže sa pokúšate zistiť, či budú vaše aktuálne doplnky fungovať, skúste znova vytvoriť spôsob, akým ste každý z nich používali, a zistite, či stále funguje.

Ak nie, vyhľadajte rovnakú funkciu v predvolenom Gutenbergovom^(Gutenberg) bloku, pridajte tento blok a pridajte svoj obsah.

Nezabudnite si ponechať zoznam doplnkov, ktoré nefungujú správne, aby ste ich mohli odstrániť pri spustení s Gutenbergom^(Gutenberg) .

Čo ak neexistuje žiadny predvolený blok pre funkciu, ktorú potrebujete?^{(What If There Is No Default Block For The Functionality You Need?)}

Skontrolujte všetky bloky, aby ste zistili, či funkcia, ktorú potrebujete, žije v inom bloku. Ak nemôžete nájsť niečo, čo by fungovalo, môžete kontaktovať autorov pluginu a opýtať sa ich, či ho plánujú aktualizovať, aby bol kompatibilný s Gutenbergom^(Gutenberg) .

Ak všetko ostatné zlyhá, skúste nájsť doplnok Gutenberg^{( Gutenberg plugin)} , ktorý robí to, čo potrebujete. Odstráňte doplnky, ktoré nefungujú, zo svojej pracovnej stránky.

Prebieha naživo^{(Going Live)}

Predtým, ako urobíte ČOKOĽVEK na svojom živom webe, urobte si kompletnú zálohu celého webu pre prípad, že by ste pri kontrole kompatibility niečo prehliadli alebo sa vyskytne iná chyba.

Na vašej testovacej stránke je možné vykonať všetky potrebné zmeny a vložiť ich na vašu aktívnu stránku. To si však vyžaduje určité technické znalosti. Ak teda nie ste vývojár alebo nemáte vývojára, ktorý vám vyhovuje, je lepšie vykonať zmeny ručne.  

Začnite odstránením doplnkov, ktoré nefungovali, a pridaním nových, ktoré ste našli, aby ste ich nahradili. Ak staré doplnky spracúvajú údaje pre existujúce príspevky a stránky a neporušujú nové, môžete ich nechať nainštalované.

Chcete previesť svoje staré príspevky a stránky na Gutenbergove bloky?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Otvorte každú stránku a príspevok z klasickej ponuky blokovania^{(Block Menu)} . Kliknutím^(Click) na tri bodky zobrazíte možnosti^{(view options)} . Vyberte z rozbaľovacej ponuky Konvertovať na bloky^{(Convert to Blocks)} .

Keď WP skonvertuje váš obsah na systém blokov Gutenberg , mali by ste skontrolovať každý blok. Na zobrazenie všetkých častí vášho príspevku alebo stránky použite blokovú navigáciu (z ikon).^{(Use Block Navigation)}

Ako môžete vidieť na obrázku vyššie, každý odsek, obrázok, zoznam a nadpis sú teraz vo svojom vlastnom bloku. Konverzia existujúcich stránok a príspevkov do nového systému Gutenberg je rýchla a jednoduchá.

Testovanie vašich doplnkov a nájdenie nových môže trvať niekoľko hodín, ale musíte to urobiť len raz. Uistite sa, že ste postupovali podľa vyššie uvedených krokov, aby bol váš prechod na Gutenberg bezbolestný a bezchybný.

How To Transition From The Classic WordPress Editor To Gutenberg

If уou υsе WordPress 5.0 and hіgher, unless you have been living undеr a rock, you will have undoubtedly heard of the Gutenberg update which 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

• Výukový program WordPress Gutenberg: Ako používať nový editor

• Ako presunúť web WordPress z jedného hostiteľa na druhého

• Ako nainštalovať a nastaviť WordPress na Microsoft Azure

• Ako spustiť bleskovo rýchly WordPress na Microsoft Azure

• Ako nakonfigurovať súkromie vo WordPress a prečo je to dôležité

• Ako odstrániť všetky stopy doplnku WordPress

• Ako zálohovať svoje stránky WordPress

• Ako zrýchliť web WordPress v 11 krokoch

• Presmerujte používateľov zo stránky 404 vo WordPress

• 9 nutných doplnkov pre nové inštalácie WordPress

• Ako nájsť prihlasovacie meno správcu WordPress

• Ako nainštalovať testovaciu stránku WordPress do počítača

• Wix vs WordPress: Čo je najlepšie na vytvorenie vášho webu?

• Ako zvýšiť výkon vo WordPress prostredníctvom vyčistenia databázy

• Ako zrýchliť akúkoľvek stránku WordPress pomocou .HTACCESS

• 8 bezplatných prémiových tém WordPress na inštaláciu

• 3 najlepšie SEO pluginy pre WordPress

• Ako nainštalovať WordPress na Google Cloud Platform

• Ukážte úryvok na domovskej stránke blogu WordPress

• Vytvorenie detskej témy vo WordPress