Если вы используете WordPress 5.0 и выше, если только вы не жили под скалой, вы, несомненно, слышали об обновлении Gutenberg , которое было объединено с WordPress в декабре 2018 года^{(December 2018)} .

Так что, если вы используете последнюю версию WP, вы либо уже используете Gutenberg , либо продолжаете использовать классический редактор, установив плагин WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

Почему Гутенберг?^{(Why Gutenberg?)}

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

Вот несколько причин, по которым вы можете захотеть использовать Гутенберг^(Gutenberg) , потому что он:

• Это будущее для разработчиков WP.
• Обеспечивает лучший пользовательский опыт.
• Является более гибким, чем оригинальный редактор WP ( TinyMCE ).
• Обеспечит новый рынок для разработчиков.

В чем разница между WordPress и Гутенбергом?^{(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) , вы должны просмотреть каждый блок. Используйте блок навигации^{(Use Block Navigation)} (из значков), чтобы увидеть все части вашего поста или страницы.

Как вы можете видеть на скриншоте выше, каждый абзац, изображение, список и заголовок теперь находятся в отдельном блоке. Преобразование существующих страниц и сообщений в новую систему Gutenberg выполняется быстро и легко.

Тестирование ваших плагинов и поиск новых может занять несколько часов, но вам нужно сделать это только один раз. Обязательно выполните шаги, предложенные выше, чтобы сделать переход на Гутенберг^(Gutenberg) безболезненным и безошибочным.

How To Transition From The Classic WordPress Editor To Gutenberg

If you uѕe WordPress 5.0 and higher, unless you have been living under a rock, you will have undoubtedly heard of the Gutenberg update which was merged into WordPreѕs in Deсember 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 site от одного хоста на другой

• Как установить и настроить WordPress на Microsoft Azure

• Как бегать восколы быстро WordPress на Microsoft Azure

• Как настроить Privacy в WordPress и почему это важно

• Protect и закрепите WordPress website от хакеров

• Must Have WordPress Yoast SEO Settings 2021

• Как обновить PHP в WordPress

• Squarespace против WordPress: какая платформа сайта лучше?

• Как защитить паролем страницы на вашем сайте WordPress

• Как установить тестовый сайт WordPress на свой компьютер

• Как проводить эффективные сплит-тесты в WordPress

• Как повысить производительность в WordPress с помощью очистки базы данных

• Как сделать дубликат страницы в WordPress

• 9 обязательных плагинов для новых установок WordPress

• Как ускорить любой сайт WordPress с помощью .HTACCESS

• WordPress Jetpack: что это такое и стоит ли устанавливать?

• Создание Child Theme в WordPress

• Как ускорить сайт WordPress за 11 шагов

• Рецензия на книгу: Создайте свой собственный веб-сайт: шуточное руководство по HTML, CSS и Wordpress