Ако използвате WordPress 5.0 и по-нова версия, освен ако не сте живели под камък, несъмнено ще сте чували за актуализацията на Gutenberg , която беше обединена в WordPress през декември 2018^{(December 2018)} г.

Така че, ако използвате най-новата версия на WP, вие или вече използвате Gutenberg , или сте продължили да използвате класическия редактор, като инсталирате приставката WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Защо Гутенберг?^{(Why Gutenberg?)}

Много потребители на WP не са готови да скочат на фургона Gutenberg^{(on the Gutenberg wagon)} , но някои са, включително този уебсайт.

Някои от причините, поради които може да искате да използвате Gutenberg , са, защото:

• Това е бъдещето за WP разработчиците.
• Осигурява по-добро потребителско изживяване.
• По-гъвкав е от оригиналния редактор на WP ( TinyMCE ).
• Ще осигури нов пазар за разработчиците.

Какви са разликите между WordPress и Gutenberg?^{(What Are The Differences Between WordPress & Gutenberg?)}

Класическият редактор^{(Classic Editor)} на WP е текстов редактор и много прилича на Microsoft Word . Той има едно поле за редактиране, както се вижда на екранната снимка по-долу.

Gutenberg е редактор, базиран на блокове, който изглежда така:

Има множество блокове за различни типове съдържание, които включват свои собствени опции за форматиране. Блокове като:

• Бутон
• Изображение
• Таблица
• Вгражда
• Списък
• Галерия
• аудио
• цитати
• Заглавие
• код
• стих
• Персонализиран HTML

Освен това темите и плъгините предлагат повече блокове и джаджи, които да използвате във вашите WP публикации и страници.

Как са засегнати съществуващите страници или публикации?^{(How Are Existing Pages Or Posts Affected?)}

След надграждане и използване на Gutenberg , вашите съществуващи страници и публикации трябва да продължат да се показват правилно. 

Въпреки това, трябва да проверите вашите кратки кодове и да се уверите, че плъгините, които може да използвате, работят.

Когато редактирате съществуваща страница или публикация, тя автоматично ще се отвори в един нов класически блок на редактора на Gutenberg .

Готови ли сте да направите смяната?

Използвайте сайт за подготовка^{(Use a Staging Site)}

Последното нещо, което искате да направите, е да разбиете съществуващия си сайт. Начинът да избегнете това е да активирате Gutenberg на място за поставяне^{(a staging site)} . Това е точно копие на вашия уебсайт, където можете да тествате нещата, без да нанасяте щети на вашия сайт на живо.

Тестовите сайтове включват вашата тема, плъгини , опции и съдържание. Вашата хостинг компания може да предложи сценични сайтове. Ако не го направят, можете да използвате приставката WordPress Staging^{( WordPress Staging plugin)} .

След като вашият начален сайт е стартиран и работи, инсталирайте и активирайте приставката Gutenberg^{( Gutenberg plugin)} и започнете да тествате. Или инсталирайте чисто нов екземпляр на WordPress на вашия компютър и тествайте там.

Проверете вашите плъгини^{(Check Your Plugins)}

Потребителите на WordPress са запознати с това какво се случва, когато плъгините не работят добре заедно. Понякога това се дължи на функционалността или конфликтния код. Това е отличен момент да видите дали използвате всички плъгини, които сте инсталирали. Ако не сте, премахнете ги.

Вие също искате да видите кои плъгини се използват, когато редактирате съдържание в WordPress . Конкретни плъгини като Akismet , Contact Form 7 , Google Sitemap Generator и WP Super Cache нямат нищо общо с редактора и няма да бъдат засегнати от използването на Gutenberg .

От друга страна, всеки плъгин, който добавя функционалност или променя начина, по който изглежда класическият редактор на WP, може да не е съвместим с Gutenberg . По-специално, плъгините, които генерират кратки кодове, добавят персонализирани стилове или не са били актуализирани наскоро, обикновено са в конфликт и причиняват проблеми.

Гутенберг^(Gutenberg) е имал активна база данни за съвместимост с приставки^{(Plugin Compatibility)} . Той обаче е спрян, защото вече не се поддържа активно.

Можете да прегледате окончателните данни и да изтеглите базата данни^{( download the database)} като CSV файл. Без достъп до активна база данни за съвместимост с плъгини, ще трябва ръчно да тествате всеки плъгин, който използвате.

Опитайте да създадете нова публикация на вашия тестов сайт. Ще видите, че сте в редактора на Гутенберг^(Gutenberg) и ще ви изглежда различно. Когато започнете да пишете, вие автоматично създавате блок абзац. Не е нужно да добавяте нов блок, когато добавяте нов абзац. Просто^(Just) натиснете Enter или клавиша за връщане.

Тъй като се опитвате да видите дали текущите ви плъгини ще работят, опитайте се да пресъздадете как сте използвали всеки от тях и да видите дали все още работи.

Ако не стане, потърсете същата функционалност в блока на Gutenberg по подразбиране , добавете този блок и добавете вашето съдържание.

Не забравяйте да запазите списък с плъгините, които не работят правилно, за да можете да ги премахнете, когато излизате на живо с Gutenberg .

Ами ако няма блок по подразбиране за функционалността, от която се нуждаете?^{(What If There Is No Default Block For The Functionality You Need?)}

Проверете всички блокове, за да видите дали функционалността, от която се нуждаете, живее в друг блок. Ако не можете да намерите нещо, което да работи, можете да се свържете с авторите на плъгините и да ги попитате дали планират да го актуализират, за да бъде съвместимо с Gutenberg .

Ако всичко друго не успее, опитайте се да намерите плъгин на Gutenberg^{( Gutenberg plugin)} , който прави това, от което се нуждаете. Изтрийте плъгините, които не работят от вашия сайт за подготовка.

На живо^{(Going Live)}

Преди да направите НИЩО на вашия сайт на живо, направете пълно архивиране на целия си сайт, в случай че сте пропуснали нещо при проверка за съвместимост или възникне друга грешка.

Възможно е да направите всички необходими промени на вашия тестов сайт и да ги изпратите до вашия сайт на живо. Това обаче изисква известни технически познания. Така че, освен ако не сте разработчик или имате такъв, който работи за вас, по-добре е да направите промените ръчно.  

Започнете, като изтриете плъгините, които не работят, и добавите новите, които сте намерили, за да ги замените. Ако старите плъгини обработват данни за съществуващи публикации и страници и не нарушават нови, можете да ги оставите инсталирани.

Искате ли да преобразувате старите си публикации и страници в блокове на Гутенберг?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Отворете всяка страница и публикувайте от менюто за класически блокове^{(Block Menu)} . Щракнете^(Click) върху трите точки, за да видите опциите^{(view options)} . Изберете от падащото меню Преобразуване в блокове^{(Convert to Blocks)} .

След като WP преобразува вашето съдържание в блоковата система на Gutenberg , трябва да прегледате всеки блок. Използвайте Block Navigation^{(Use Block Navigation)} (от икони), за да видите всички части на вашата публикация или страница.

Както можете да видите на горната екранна снимка, всеки параграф, изображение, списък и заглавие вече е в отделен блок. Преобразуването на съществуващи страници и публикации в новата система на Gutenberg е бързо и лесно.

Може да отнеме няколко часа, за да тествате вашите плъгини и да намерите нови, но трябва да направите това само веднъж. Не забравяйте да следвате стъпките, предложени по-горе, за да направите преместването си в Gutenberg безболезнено и без грешки.

How To Transition From The Classic WordPress Editor To Gutenberg

If you υse WordPress 5.0 and higher, unless you have bеen living under а rock, you will haνe υndoubtedly heard of the Gutenberg update which was merged into WоrdPress 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: Как да използвате новия редактор

• Как да преместите WordPress сайт от един хост на друг

• Как да инсталирате и настроите WordPress на Microsoft Azure

• Как да стартирате невероятно бърз WordPress на Microsoft Azure

• Как да конфигурирате поверителност в WordPress и защо е важно

• 3-те най-добри SEO плъгини за WordPress

• Как да проверите дали даден уебсайт е забранен от AdSense

• Как ръчно да настроите WordPress на домейн

• Как да промените URL адреса си за вход в WordPress за по-добра сигурност

• 9 задължителни плъгини за нови инсталирания на WordPress

• WordPress показва HTTP грешка при качване на изображения

• WordPress Jetpack: Какво е това и заслужава ли си да инсталирате?

• 11 най-добри WordPress подкаст плъгини

• Как да настроите свой собствен уебсайт, подобен на Twitter, като използвате тема P2 на WordPress

• Как да инсталирате WordPress на Google Cloud Platform

• Как да инсталирате тема на WordPress

• Създаване на детска тема в WordPress

• Как да добавите плаваща странична лента в Wordpress

• Как да използвате Lumen5, за да превърнете публикацията си в блог във видео

• Рецензия на книга: Създайте свой собствен уебсайт: Комикс ръководство за HTML, CSS и Wordpress