06 декабря 2018 года вышла новая версия WordPress 5.0 «Bebo»! Если вы в этом году проигнорировали все другие обновления, то сейчас самое время обратить внимание на самое главное обновление за 2018 год. WordPress полностью обновил способы взаимодействия CMS с пользователями и разработчиками в своем новом редакторе Wordpress 5.0 Gutenberg. Теперь все редактируется в блоках. Появилась свежая тема Twenty Nineteen, которая используется по умолчанию при установки WordPress.
При переходе на любую версию WordPress мы всегда рекомендуем тестирование. В этом выпуске затрагивается все: от редактора до сторонних плагинов и даже вашей темы! Это одна из версий WordPress, для перехода на которую не стоит просто кликать кнопку "Обновить", не сделав бэкап и не протестировав на тестовом сервере.
Давайте начнем наше тур в новые возможности WordPress 5.0
В WordPress 4.8 (Evans) были улучшены виджеты, а также добавлены новые, реализована более удобная работа с ссылками в визуальном редакторе.
В WordPress 4.9 (Tipton) был сделан значительный шаг к более удобной настройки и управлению сайтом пользователями, с огромными улучшениями в WordPress Customizer.
Большинство прошлых обновлений были относительно незначительными, и для многих из нас они остались незамеченными. WordPress 5.0 другой. Вместо того, чтобы добавлять небольшие улучшения здесь и там, этот выпуск полностью сосредоточен на двух вещах:
Так что же такое Gutenberg? Gutenberg handbook дает определение:
Gutenberg began as a transformation of the WordPress editor — a new interface for adding, editing, and manipulating content. It seeks to make it easy for anyone to create rich, flexible content layouts with a block-based UI. All types of page components are represented as modular blocks, which means they can be accessed from a unified block menu, dropped anywhere on a page, and directly edited to create the custom presentation the user wants. It is a fundamental modernization and transformation of how the WordPress experience works, creating new opportunities for both users and developers. Gutenberg introduces new frameworks, interaction patterns, functionality, and user experiences for WordPress…
Gutenberg began as a transformation of the WordPress editor — a new interface for adding, editing, and manipulating content. It seeks to make it easy for anyone to create rich, flexible content layouts with a block-based UI. All types of page components are represented as modular blocks, which means they can be accessed from a unified block menu, dropped anywhere on a page, and directly edited to create the custom presentation the user wants.
It is a fundamental modernization and transformation of how the WordPress experience works, creating new opportunities for both users and developers. Gutenberg introduces new frameworks, interaction patterns, functionality, and user experiences for WordPress…
Другими словами, в WordPress 5.0 больше не будет классического редактора, к которому все привыкли в течение последнего десятилетия. Теперь это будет выглядеть так:
На самом деле, вы, возможно, уже видели информационное сообщение об этом в админ панеле WordPress. Оно было добавлено в версию WordPress 4.9.8 как способ дать понять пользователям, что это скоро произойдет.
Гутенберг является единственным редактором по умолчанию в новой версии WordPress 5.0. Не беспокойтесь, вы можете установить плагин Classic Editor, если хотите использовать старый редактор.
Однако, команда WordPress заявила, что плагин Classic Editor будет официально поддерживаться только до 31 декабря 2021 года. Поэтому мы настоятельно рекомендуем погрузиться в Gutenberg и WordPress 5.0.
Почему это происходит? Есть несколько причин.
1. WordPress должен быть конкурентоспособным
Во-первых, несмотря на то, что версия WordPress с открытым исходным кодом Automattic, команда WordPress.com является коммерческой организацией. Он должен конкурировать с другими решениями на рынке для создания веб-сайтов, такими как Wix и Squarespace. Если вы посмотрите на долю рынка WordPress, то с 2017 по 2018 го, годовой рост составил около 17,3%. Хоть этот показатель и кажется хорошим, взгляните на конкурентов: Squarespace вырос на 180%, а Wix вырос на 233%.
И хотя проект с открытым исходным кодом и коммерческий продукт WordPress технически разделены, они идут рука об руку друг с другом. Другими словами, WordPress нужно наверстать упущенное! Как вы думаете, почему все модные плагины для конструктора страниц растут с невероятной скоростью? Потому, что людям нужны более простые способы создания своих сайтов и написания контента. Даже издательские платформы, такие как Medium и Ghost, откровенно говоря, гораздо лучше подходят для написания своих статей, если вы просто хотите вести блог.
Это не обязательно плохо. В конце концов, конкуренция - это то, что стимулирует продукт и сообщество развиваться быстрее.
2. Переработка кода
Во-вторых, Gutenberg построен на React - очень популярной среде JavaScript, используемой и поддерживаемой такими компаниями как Facebook и Instagram. Кроме того, Gutenberg пользуется многими другими современными технологиями, такими как REST API, ESnext + JSX, WebPack и т. д.
Он открывает для разработчиков совершенно новый мир с точки зрения «разработки блоков». Помните, что все в Gutenberg связано с блоками?
Но это также может усложнить ситуацию, так как обычно разработчикам необходимо изучать новые языки. Однако, к счастью, сообщество WordPress пришло на помощь, и есть отличные проекты с открытым исходным кодом, такие как create-guten-block. По сути это набор инструментов нулевой конфигурации (# 0CJS) для разработки блоков WordPress Gutenberg за считанные минуты без настройки React, веб-пакета, ES6 / 7/8 / Next, ESLint, Babel и т.д.
Возможно, вы также захотите проверить следующее:
Вы думаете, что при всем этом целью было улучшение производительности? Хотя мы надеемся, что это так, многие отчеты пока указывают на ее снижение.
Примечание: возможно ситуация уже изменилась, так как команда Gutenberg выпускает много обновлений. Теперь, когда WordPress 5.0 официально выпущен, мы можем ожидать прироста производительности.
Другим недостатком является то, что большинство (не все) тем WordPress и плагинов должны быть переписаны для работы с Гутенбергом. В основном те, которые взаимодействуют с редактором WordPress 5.0.
Для WordPress 5.0 была разработана новая минималистская тема Twenty Nineteen. Она имеет полную поддержку Gutenberg как в фронтенде, так и админ панели. Мы рассмотрим возможности этой темы более подробно в новом посте.
На WordPress работает более 32% всех веб-сайтов в Интернете и любые серьезные изменения, подобные этому, неизбежно вызовут споры. Но давайте будем честными, редактор WordPress за последние десять лет практически не менялся.
Если вы посмотрите на плагин Gutenberg WordPress с более чем 200 000 активных установок, он имеет рейтинг 2 из 5 звезд. С колоссальным 1700+ 1-звездным рейтингом. Хоть это и выглядит не очень хорошо, важно понимать, что люди оценивали редакатор Gutenberg с тех пор, как он был в бета-версии. Кроме того, с таким огромным изменением обязательно будут отзывы от пользователей, которые просто сопротивляются новому.
По состоянию на 6 декабря 2018 года WordPress 5.0 официально выпущен!
Если у вас есть клиенты с сайтами, работающими на WordPress, перед обновлением протестируйте сайт на тестовом сервере. Вы можете, конечно, установить Classic Editor или просто отложить обновление на потом.
Протестируйте на совместимость ваш сайт с WordPress 5 и Gutenberg. Вы должны убедиться, что все ваши плагины и темы будут работать правильно. Если у вас есть специальное решение, не забудьте обратиться к разработчику.
WooCommerce опубликовал официальное заявление о поддержки WordPress 5. Если вы работаете с WooCommerce, обязательно обновитесь до версии WooCommerce 3.5.1+ перед обновлением до WordPress 5.0.
Перед обновлением WordPress до версии 5 обязательно сделайте резервную копию. Это можно сделать через хостинг панель или через админ панель с помощью одного из плагинов для wordpress.
WordPress 5.0 доступен на панели администратора. Просто нажмите на значок обновления на панели инструментов. Затем нажмите кнопку «Обновить сейчас». Пока ваш сайт обновляется, он будет в режиме обслуживания. Как только ваши обновления будут завершены, ваш сайт вернется в нормальное состояние.
Затем вы увидите запрос на обновление базы данных WordPress.
Если обновление прошло успешно, вы должны видеть экран «Что нового?». Готово! Быстро и просто.
Что произойдет с контентом, который вы создали в классическом редакторе при открытии в новом редакторе Gutenberg? По сути, весь пост будет отображаться в виде одного большого окна редактора TinyMCE. Они сделали это, чтобы сохранить форматирование всех ваших постов и страниц. Чтобы воспользоваться преимуществами редактора Gutenberg, вы можете выбрать опцию «Преобразовать в блоки».
Все будет автоматически преобразовано в новые блоки Gutenberg:
То же самое касается шорткодов. В этом примере у нас была контактная форма NinjaForm. Она был помещен в классический редактор с использованием шорткода. Поэтому в редакторе Gutenberg мы снова выбираем «Преобразовать в блоки».
WordPress 5.0 и Gutenberg - это самое большое обновление WordPress, которое мы имели за долгое время. Это влияет на всех: пользователей, которые взаимодействуют с редактором и пишут контент и разработчиков, которые кодируют плагины и темы. Только время покажет, насколько успешен проект Gutenberg. Мы рекомендуем всем протестировать WordPress 5.0 в промежуточной среде перед обновлением.
Что вы думаете по поводу WordPress 5.0 и Gutenberg? Оставляйте ваши комментарии под постом.
Получите специальное предложение от нас.
Подписывайтесь и получите скидку 100$ на анализ сайта!