WordPress 5.0 и Гутенберг — что нового для нас?

вордпресс 5.0 гутенберг

WordPress 5.0 принесет самое большое изменение в WordPress за последние годы — новый редактор, известный как Gutenberg. Что именно? Какие преимущества и недостатки это принесет?

Что такое Гутенберг?

Gutenberg — это новый редактор, который заменяет использовавшийся до сих пор редактор TinyMce. Редактор TinyMce использует WordPress уже несколько лет. Гутенберг будет работать по-другому. Вместо работы на базе текстового редактора будет использоваться т.н. блоки. Отдельные блоки можно редактировать прямо на странице. Затем вы создадите веб-страницу из блоков.

Гутенберг-плагин

Если вы знакомы с этим способом создания сайта, вы правы. Редактор блоков, такой как Visual Composer или Divi Builder , использует несколько шаблонов WordPress. Gutenberg будет доступен с версии WordPress 5.0. Если вы хотите попробовать его раньше, в настоящее время он доступен в виде плагина .

Gutenberg — это новый редактор, который заменяет использовавшийся до сих пор редактор TinyMce.

Для лучшего понимания вот как будет выглядеть работа с этим редактором :

WordPress Гутенберг
WordPress Гутенберг — демо

Что принесет нам этот редактор?

Разработчики обещают изменить опыт создания контента. Его цель — облегчить создание сайта с помощью комплексного набора инструментов. Этот редактор позволит пользователям не только писать статьи, но и практически создать страницу. Его вклад особенно оценят новички в веб-дизайне.

Что такое блок?

Блоки, с которыми работает этот редактор, — это способы создания стиля макета страницы. Внутри блока можно работать с текстом как в текстовом редакторе.

Вы можете думать о редакторе блоков как о Visual Composer или Divi Builder , который использует несколько шаблонов WordPress.

Упрощение функциональности страницы

Gutenberg упрощает процесс работы с шорткодами, виджетами, меню, метабоксами и многими другими компонентами форматирования и создания функционала сайта. Все эти функции будут доступны в виде блоков. Многие функции форматирования веб-страниц будут возможны без знаний программирования.

Редактировать блоки

В редакторе отдельные блоки можно легко редактировать и перемещать по странице в выбранное место. В блоке есть несколько областей отображения панели инструментов. Это позволит пользователю лучше сосредоточиться на создании самого сайта.

гутенберг видео
Блоки в редакторе

Вас также может заинтересовать, можно ли в редакторе добавлять видео с YouTube и Vimeo. Да, это будет. Вы будете создавать свой собственный блок для каждого аудио и видео поста.

Как Гутенберг повлияет на существующие сайты?

Редактор не должен нарушать работу существующего сайта WordPress. Все его компоненты могут быть перенесены без лишних изменений. Он поддерживает уже существующий функционал сайта. Для передачи шорткодов и метабоксов постепенно создаются инструменты, которые позволят это сделать. По крайней мере, это теория, посмотрим, что принесет практика 🙂

Шорткоды и метабоксы

Шорткоды продолжат работать без изменений. Если вы продолжите использовать их при создании своего сайта, вы по-прежнему сможете их использовать. Gutenberg предлагает новый способ их создания и предварительного просмотра:

Гутенберг-шорткод
Работа с шорткодами

Большинство метабоксов будут продолжать работать без изменений. Некоторым потребуется обновление, другие будут преобразованы в блоки. Редактор поддерживает все остальные распространенные типы сообщений.

Преимущества Гутенберга

Изменение создания и редактирования веб-сайта принесет:

  1. Новый способ создания страницы в целом путем прямого редактирования позволит упростить подход к редактированию отдельных ее компонентов.
  2. Он снижает сложность существующего интерфейса за счет объединения нескольких интерфейсов.
  3. Это обеспечивает модернизацию и упрощение редактирования, написания и публикации сайта и его компонентов.
  4. Позволяет легко добавлять функциональные возможности веб-сайта.
  5. Интуитивно понятный дизайн упрощает работу с некоторыми из существующих функций, таких как ссылки на сообщения и добавление изображений.
  6. Блоки упрощают процесс персонализации сайта.
  7. Новый взгляд на общий вид страницы открывает новые возможности для JavaScript.
  8. Это позволяет нескольким людям работать над отдельными разделами одновременно.
  9. Благодаря ряду инструментов редактирования блоков он позволяет создавать сложную веб-структуру.

Редактирование блоков

Каждый блок можно редактировать отдельно на странице. Вы можете создать несколько блоков одновременно. Вы также можете переключаться между контентом и html.

гутенберг меню
Редактирование демо

Блоки можно легко перемещать по странице. Это, вероятно, самое большое преимущество редактора. Метод перемещения намного точнее, чем предыдущий способ создания страницы. Предварительный просмотр доступен на каждом этапе страницы для графического редактирования страницы.

Дополнительные возможности WordPress Гутенберг

Логотип Гутенберга
Логотип Гутенберга

В этом редакторе также можно задать категоризацию, теги, внешний вид сниппета поста и тому подобное.

Работа с редактором интуитивно понятна. Разберется даже новичок. Просто нажмите Enter, чтобы добавить блок. Чтобы добавить изображения, предварительный просмотр и т. д., вам нужно прокрутить страницу вниз.

Функция «Копировать и вставить», форматирование заголовков и самого текста настроены очень хорошо.

Блоки используют вывод HTML5.

Недостатки и опасения пользователей

Несмотря на все преимущества, которые обещает новый редактор, у пользователей WordPress и сообщества есть некоторые оговорки :

  • Некоторые шаги требуют больше кликов, чем исходный редактор.
  • Само меню состоит из трех столбцов. Это затрудняет поиск некоторых функций.
  • Метабоксы скрыты в настройках.
  • Многие старые шаблоны не поддерживают формат HTML5.
  • Технология менялась в процессе разработки. До сих пор неясно, как будут работать вложенные шорткоды.
  • Не совсем понятно, как будут работать метабоксы плагинов. Их подгонка к блокам займет очень много времени.
  • Пользователи плагина жалуются на недостаточность документации для разработчиков.
  • Также пока неясно, когда будет доступен WordPress 5.0.
  • Вопросы обратной совместимости с WordPress 5.0 неясны.

Что еще принесет WordPress 5.0?

Помимо упомянутого редактора, WordPress 5.0 также принесет другие улучшения:

Безопасность

В WordPress 5.0, как и в предыдущих версиях, особое внимание уделяется безопасности, и в этой области также будут обновления. Для большей безопасности WordPress рекомендует использовать SSL-сертификат, надежные пароли и двухфакторную аутентификацию .

Интерфейсный редактор

Возможно, вы уже пробовали плагин Front-end. WordPress 5.0 включает в себя интерфейсный редактор. Благодаря ему вы сможете изменять и редактировать записи прямо на сайте . Он работает по тому же принципу, что и Visual Composer, но проще в использовании. Интерфейсный редактор ускоряет работу по редактированию сайта.

Мобильная оптимизация

WordPress постоянно улучшает отзывчивость. Он уделяет большое внимание оптимизации для мобильных телефонов. WordPress 5.0 гарантирует, что ваш сайт можно просматривать с любого устройства.

Обрезать фон страницы

WordPress 5.0 также вносит улучшения в изменение фона страницы. Упрощает процесс кадрирования изображения. В текущей версии его необходимо удалить, обрезать, повторно загрузить в библиотеку, а затем снова разместить на странице. С новым способом замены фонового изображения это будет немного проще.

Слово в конце

Исходя из опыта, я думаю, что перейти на Гутенберг будет не так просто , как представляют создатели. Однако, несмотря на возможные временные неудобства, необходимо добиваться прогресса и инноваций. Поэтому я рад, что в WordPress решили включить новый редактор как можно скорее. Будет интересно посмотреть, как это изменение повлияет на популярные в настоящее время сборщики WordPress, такие как Visual Composer и Divi Builder .

Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь