Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Новый редактор Gutenberg - как с ним работать, плюсы и минусы для пользователей и разработчиков.

С выпуском WordPress 5.0 новый  редактор Gutenberg наконец-то появился у всех на панели. Хорошие это или плохие новости – все еще спорный вопрос для многих, так как Гутенберг меняет стиль работы с WordPress в плане работы визуального редактора. Гутенберг заменяет любимый редактор TinyMCE визуальным редактором на основе блоков контента.

В этом обзоре мы рассмотрим плюсы и минусы нового редактора WordPress. Однако учтите, что такие обзоры являются весьма субъективными вопросами. У каждого есть своя сложившаяся удобная картина работы с контентом и для него Гутенберг стал некоторой непонятной неожиданностью. Но к новому надо привыкать и поэтому наш обзор надеюсь поможет вам в этом.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Плюсы Gutenberg

Много различных блоков для контента

В Гутенберге все является блоком. Каждый абзац, изображение, заголовок, цитата, видео, аудио – это отдельный блок Гутенберга. Но почему блоки хороши для нас? Ну, некоторые люди говорят, что они вообще не приносят пользы WordPress. Тем не менее, Гутенберг вводит много новых типов контента, которые мы можем легко добавить к нашим сообщениям и страницам.

Например, мы можем легко добавить и настроить кнопку прямо из визуального редактора. Используя настройки блока Button, легко настроить цвет, стиль и действие кнопки:

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Помимо кнопок, Гутенберг также вводит в визуальный редактор столбцы, разделители, разделители, встроенные виджеты и многие другие типы контента, каждый из которых является отдельным блоком. Мы также получаем доступ к блокам, которые занимаются встраиванием сторонних разработчиков, таким как SoundCloud, Meetup.com, Reddit, TED, WordPress.tv – и это лишь некоторые из них.

Редактор TINYMCE остаётся доступным

Гутенберг по-прежнему позволяет нам использовать старый редактор TinyMCE. Он включен в собственный блок, который называется «Классик». Нам нужно только нажать кнопку +, которая выскакивает все блоки, и выбрать классический блок.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Классический блок работает точно так же, как и редактор TinyMCE. Внутри блока мы можем создавать заголовки и абзацы, добавлять изображения и кодовые блоки и т. Д. Эта функция отлично подходит всем, кому нужно время, чтобы привыкнуть к новому редактору Гутенберга.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Старые посты и статьи легко сохраняют свой вид

Посты и страницы, созданные до Гутенберга, реорганизуются как единый классический блок. Поэтому нам не нужно беспокоиться о существующем контенте, так как Гутенберг обо всем позаботится. Используя встроенный интерфейс TinyMCE блока Classic, мы также можем легко обновлять измененные записи новым контентом.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Любой разработчик может добавить свои блоки

На самом деле, Gutenberg – это дружественный для разработчиков редизайн работы с контентом для WordPress. Отныне разработчики плагинов не должны полагаться на шорткоды, но могут создавать свои собственные блоки, которые пользователи могут добавлять в свои сообщения прямо из визуального редактора. Однако шорткоды по-прежнему работают с Гутенбергом, поэтому нам не нужно беспокоиться о шорткодах, которые мы используем в настоящее время.

В репозитории плагинов WordPress мы можем найти все блочные плагины , которые уже совместимы с редактором Гутенберга.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

В Гутенберге вы можете легко искать нужные блоки

У Гутенберга есть довольно хороший встроенный поиск блоков, с помощью которого мы можем быстро найти нужные нам блоки. Наиболее часто используемые блоки отображаются в верхней части окна поиска. Под ними мы можем найти остальные блоки, сгруппированные в аккуратный аккордеон с вкладками, такими как «Форматирование», «Элементы макета», «Встроенные элементы» и другими.

Для быстрого поиска блоков мы также можем начать вводить имя блока в строку поиска. Когда мы печатаем, Гутенберг отображает полученные совпадения под строкой поиска.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Управление вставленными блоками в контенте

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

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Каждый блок имеет свои настройки

На правой боковой панели визуального редактора каждый блок Гутенберга имеет свои настройки. Мы можем переключаться между настройками документа и блока, используя горизонтальный аккордеон с вкладками «Документ» и «Блок».

Например, настройки блока «Абзац» позволяют нам настраивать размер шрифта, стили текста и параметры цвета каждого абзаца:

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Полноэкранный режим управления работой с контентом

С помощью Гутенберга мы можем писать наши сообщения в полноэкранном режиме, что позволяет писать без отвлечений в редакторе блоков WordPress. Это особенно хорошая новость для блогеров, которые привыкли к опыту редактирования Medium.com. Полноэкранный режим можно включать и выключать из меню «Инструменты и параметры» (значок с тремя точками) в верхней строке меню.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

У Гутенберга также есть режим полу-отвлечения. Нажав на маленький значок шестеренки в правом верхнем углу, мы можем включить и выключить боковую панель настроек.

Статистика созданного материала

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

Информационное окно доступно, если щелкнуть маленький значок i в верхней панели редактора блоков. Он подсчитывает слова, заголовки, абзацы и блоки в документе, а также отображает структуру документа.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Минусы Gutenberg

Тяжело привыкать к новому интерфейсу

Пользовательский интерфейс Гутенберга весьма отличается от редактора TinyMCE. Содержание должно быть разбито на блоки. Почти ничего не там, где это должно быть. С TinyMCE было легко убедить клиентов выбрать WordPress, сказав им, что процесс редактирования не так сильно отличается от текстовых процессоров, таких как MS Word. С Гутенбергом это уже не так.

Например, мне потребовалось некоторое время, чтобы понять, как удалить блок. Для этого нужно щелкнуть значок «Скрыть параметр» на плавающей панели инструментов и выбрать меню «Удалить блок». Это не очень интуитивное решение для такой распространенной задачи. Хотя у Гутенберга много функций, иногда они прячутся в странных местах, и пользователю приходится открывать их один за другим – довольно неприятный опыт.  Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Редко могут быть конфликты с темой или старым плагином

Другая проблема с Гутенбергом заключается в том, что он может сломать существующие плагины, темы и фреймворки. Хотя команда Гутенберга сделала все возможное, чтобы сделать переход максимально плавным и беспроблемным, неприятные сюрпризы могут случиться всегда.

Уже есть много плагинов и тем, которые были сделаны Гутенбергом готовыми – это особенно верно для популярных плагинов и тем, таких как Yoast SEO и платформа Genesis . Кроме того, Гутенберг также поддерживает мета-блоки, которые некоторые плагины (такие как All in One SEO Pack) добавляют под редактором постов. Теоретически, эти плагины по-прежнему работают с Гутенбергом без проблем.

Однако мы по-прежнему не рекомендуем обновлять производственный сайт до WordPress 5.0 без тщательного тестирования, если все темы и плагины работают правильно с редактором Гутенберга.

Копирует по сути функции визуальных конструкторов

Гутенберг не является создателем страниц, как YOOtheme Pro или Oxygen 2.0 , так как нам все еще нужно работать внутри администратора WordPress и не можем редактировать контент из внешнего интерфейса. Тем не менее, передовые конструкторы страниц и Gutenberg могут иметь конкурирующие функции, такие как добавление и настройка элементов визуального дизайна, таких как кнопка. Это может привести ко многим путаницам и потенциальным проблемам.

Скорее всего, сайтам WordPress, полагающимся на создателей страниц, придется много исследовать и тестировать, прежде чем они смогут безопасно использовать редактор Гутенберга.

Изменились сочетания клавиш для быстрых команд

В редакторе TinyMCE есть много сочетаний клавиш, которые больше не работают с Гутенбергом. Например, мы не можем быстро создать заголовок H2, нажав комбинацию клавиш AltShift2CtrlOption2на Mac). Чтобы превратить абзац в заголовок H2, мы должны изменить тип блока внутри визуального редактора.

Однако команда Gutenberg добавила параметр «Сочетания клавиш» в меню «Инструменты и параметры» (три вертикальные точки), где мы можем в любое время проверить новые сочетания клавиш. Кроме того, старые сочетания клавиш по-прежнему работают внутри блока Classic.

Обзор WordPress редактора Gutenberg: все плюсы и минусы, как с ним работать

Итоги обзора

Без сомнения, редактор Гутенберга является важной вехой в истории WordPress . До сих пор сообщество WordPress приветствовало Гутенберга с довольно смешанными чувствами. Многие люди считают, что их любимый редактор TinyMCE у них забрали. Фрилансеры и компании, которые создают сайты WordPress, беспокоятся о том, как рассказать своим нетехническим клиентам о новом редакторе. Почти все в сообществе боятся ломать плагины и темы.

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

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

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

78 + = 82

OK2WEB
OK2WEB
Более 12 лет занимаюсь разработкой и продвижением сайтов. Городские порталы, информационные и новостные сайты. Сейчас в основном разрабатываю интернет магазины и коммерческие сайты. Если у вас есть вопросы пишите, стараюсь оперативно ответить и помочь.

Обновление Woodmart 6.1.3 что вышло нового: обзор всех изменений

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

Обзор визуального конструктора WordPress Zion Builder, легкий и пока бесполезный

Многие люди знают WordPress как инструмент для ведения блогов. Не ошибаюсь, но WordPress выходит за рамки этого. WordPress - это программное обеспечение CMS, которое можно использовать для создания веб-сайтов любого типа. Хотя WordPress очень помог в создании веб-сайта, плагин для создания страниц делает это еще проще. Вы можете использовать конструктор страниц, чтобы...

Быстрые покупки на Woocommerce – плагин Экспресс шоп, продажа товаров с 1 страницы

Express Shop - это надстройка WooCommerce для отображения всех продуктов на одной странице с помощью кнопки AJAX «Добавить в корзину». Покупатели могут быстро отфильтровать товары и ускорить процесс покупки. Функции включают в себя несколько шаблонов стилей , загружать больше, бесконечную прокрутку, быструю плавающую корзину,...

Как убрать вкладки на странице товаров Woocommerce (вариант Амазона без табов)

Если вам нравится макет страницы одного продукта Amazon, вам, вероятно, не нравится макет вкладок страницы одного продукта WooCommerce по умолчанию. В этом разделе по умолчанию отображаются «Описание», «Обзоры», «Дополнительная информация» и другое настраиваемое содержимое… в виде вкладок под изображением и кратким описанием. К счастью, есть очень...

Аналог Contact Form 7 – настройка и описание премиум плагина Form Builder

Начну с того почему я всегда использую аналог Contact Form 7 плагина для Wordpress и не рекомендую использовать этот плагин. Слишком большое распространение и бесплатность сыграли злую шутку с сайтами где этот плагин установлен. На него написано много инструментов автоматического спама. Вы еще не...

Структура базы данных WooCommerce: хранение данных, где что находится

Термин «база данных» широко используется и известен миллионам людей, но доля людей, которые имеют его в своем словарном запасе, не понимая, что он описывает, весьма значительна. Базы данных сегодня лежат в основе столь многих цифровых сервисов, что их легко полностью упустить из виду, но независимо...