Все о Gutenberg WordPress. Плюсы и минусы нового редактора

18
Gutenberg Wordpress

Бессменный визуальный редактор, с которым привыкли работать пользователи по всему миру на протяжении уже долгих лет, скоро потеснит новый — Gutenberg WordPress. Давайте разберем все плюсы и минусы, потому что отзывы в инете весьма неоднозначны.

Gutenberg WordPress и будущее самой популярной CMS

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

А вот так отреагировали на Gutenberg в официальном каталоге WordPress.org.

Gutenberg WordPress - скриншот отзывов в официальном каталоге WordPress

В общем, давайте смотреть, что там не так. Почему реакция столь бурная.

Что такое Gutenberg?

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

В текущем визуальном редакторе используются шорткоды и HTML, что приводит в ужас новичков: «Ой, че-то непонятно.. ну его нафиг».

Gutenberg WordPress - мнение новичков схоже с мнением героев мультика «Следствие ведут Колобки» - «Ничего не понимаю...»

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

Уже сейчас, достигнув отметки в 100000 активных установок, плагин стал доступным в виде редактора, который можно установить в админке.

Gutenberg WordPress можно установить как редактор сразу из админки

Как установить Gutenberg?

Либо сразу через админку, либо как обычный плагин из официального каталога WordPress.org.

Если вы не знаете, как установить плагин, посмотрите наше видео о 3-х способах установки плагина.

Gutenberg WordPress - установка из официального каталога WordPress.org

Изучаем редактор Gutenberg WordPress

Теперь под элементами Страница и Запись есть отдельные ссылки для редактирования в привычном редакторе.

Gutenberg WordPress - ссылка под страницей для выбора редактирования в классическом редакторе

Важно: с выпуском версии WordPress 5.0 Gutenberg станет редактором по умолчанию. Но вы все-равно сможете использовать классический редактор.

А вот 2 способа как отключить Gutenberg: с помощью плагина Classic Editor или Disable Gutenberg.

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

Пункты меню Gutenberg WordPress в админке

Уже по Демо понятно, насколько отличается новый редактор.

Окно редактора Gutenberg WordPress

Если мы сравним Gutenberg WordPress и текущий визуальный редактор, то увидим, насколько больше окно для записей у Gutenberg, особенно на небольших экранах. Для людей, работающих за ноутбуком, это, безусловно, удобно.

Сравнение интерфейса Gutenberg WordPress и классического редактора

В новом редакторе вы можете нажать колесико «Настройки публикации», чтобы удалить правую боковую панель.

Настройки редактирования нового Gutenberg WordPress

Чтобы переключиться между режимом визуального редактора и текстовым редактором (кодом), в верхнем правом углу можно нажать иконку с 3-мя точками — появится выпадающее меню.

Переключение визуального и текстового редактора в Gutenberg WordPress

Это позволяет создавать блоки непосредственно из режима текстового редактора.

Если вы наведете курсор на текстовый блок, то слева появятся стрелки, с помощью которых можно будет переместить текстовый блок вверх или вниз.

Перемещение блока в новом редакторе Gutenberg WordPress

А справа появится иконка с 3-мя точками и выпадающее меню со следующими возможностями:

  • скрыть параметры блока
  • редактировать как HTML
  • дублировать
  • Add to Reusable Blocks (об этом чуть позже)
  • удалить.

Настройки блока в Gutenberg WordPress

Gutenberg также круто выглядит с мобильного — теперь добавление текста или изображения стало еще удобнее.

Как Gutenberg WordPress выглядит на мобильном

Еще один важный момент.

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

Теперь привычную панель инструментов заменили на одну кнопку Вставить (иконка Плюс в левом углу).

Добавление нового элемента в Gutenberg WordPress

Вот что говорит об этом Мэтт Мулленвег.

«Сейчас, чтобы работать с разными областями WordPress, вам нужно изучить шорткоды, виджеты, да тот же TinyMCE.. И пользователи задаются вопросом, почему они не могут использовать единые элементы везде и не тратить лишнее время. То, что мы пытаемся сделать — это чтобы вам было достаточно одного раза узнать, как, например, работает блок изображения. Как только вы узнали, вы сможете добавлять блок изображения по одному и тому же принципу везде: на странице, в записи, в сайдбаре».

И вот мнение Эндрю Робертса, руководителя команды TinyMCE.

«С самого начала я был в команде Gutenberg WordPress. Это совместные усилия. Поскольку TinyMCE управляет большинством блоков, например, Таблицей, скорее всего, мы оставим его для дальнейшего использования.
Кроме того, блок Classic Text по существу является редактором TinyMCE… Но все, конечно, зависит от фидбэка пользователей..»

Вернемся к блокам Gutenberg.

Блок таблицы и блок текстовых столбцов

Теперь создавать простые таблицы стало намного проще — вы можете вставлять их с помощью блоков и редактировать как угодно.

А раньше это можно было делать с помощью стороннего плагина или HTML кода.

Создание таблицы в Gutenberg WordPress

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

Но пока сам элемент помечен Beta.

Я вообще не сразу додумалась, как менять количество колонок:)

Добавление колонок в Gutenberg WordPress

Блок HTML с функцией предпросмотра

Вы можете вставить код и сразу посмотреть результат.

Добавление HTML с функцией предпросмотра Gutenberg WordPress

А вот результат:

Добавление HTML с функцией предпросмотра Gutenberg WordPress

Вставка изображений

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

Добавление изображения в Gutenberg WordPress

И, конечно, можно добавлять CSS стили.

Настройка стилей в Gutenberg WordPress

Недавние блоки

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

Помните, чуть выше мы разбирали элемент Иконку с 3-мя точками, где был параметр Reusable Blocks?

Вы можете включить любой элемент в Недавние блоки. Удобно.

Добавление блока в Reusable Blocks в Gutenberg WordPress

И при добавлении нового блока через кнопку Вставить появится раздел Reusable blocks.

Добавление блока из Reusable Blocks в Gutenberg WordPress

Форматирование текста

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

Появилась даже размерная сетка текста:) S, M, L, XL=14, 16, 36, 48.

Редактирование текстовых блоков в Gutenberg WordPress

Структура текста и количество слов и блоков

Разработчики также добавили быстрый доступ к просмотру структуры текста.

На панели сверху нажмите иконку Информация — перед вами появится структура документа: количество слов, заголовков, параграфов и пр.

Структура текста в Gutenberg WordPress

Поддержка анкоров

Еще одна функция, которую вы теперь можете использовать в новом редакторе — это якори. То, чего нет в визуальном редакторе. Добавление якорей позволяет вам напрямую ссылаться на определенный раздел или заголовок в статье.

Добавление якоря в Gutenberg WordPress

Кнопки

В редакторе также есть возможность добавления кнопки. Теперь призыв к действию можно будет делать без использования HTML, плагина, шорткода.

Добавление кнопки в Gutenberg WordPress

Параметры вставки

Gutenberg упростил вставку медиаконтента с YouTube, SoundCloud, Flickr, Twitter и пр.

В визуальном редакторе для многих новичков это было весьма проблематично, потому что об этом нигде не упоминалось.

Параметры вставки в Gutenberg WordPress

А теперь давайте посмотрим, что думают о редакторе пользователи.

Мнения о Gutenberg WordPress

Плюсы редактора Gutenberg

  • Будет полезен новичкам, которые привыкли работать с блоками в конструкторах.
  • Меньше отвлекающей информации и больше окно редактирования.
  • Приятный мобильный интерфейс. Нужно быстро отредактировать пост — нет проблем!
  • Возможность для разработчиков тем и плагинов создавать собственные блоки.

Минусы редактора Gutenberg

И вот несколько минусов. Хотя редактор до сих пор находится на стадии тестирования, поэтому многие из этих вещей, вероятно, будут исправлены или добавлены.

  • Может показаться сложным для тех, кто привык работать с привычным редактором.
  • Возможные проблемы совместимости с огромным количеством тем плагинов и их последующая доработка.

Личное мнение, если вам интересно.

Ехали мы как-то летом на поезде Санкт-Петербург-Киев. Поездка оказалась спонтанной, билеты были в плацкарт.

Ладно, чего там, потерпим.

Но, как оказалось, терпения хватило совсем на чуток. Уже в поезде договорились с проводником и перешли в купе. Ночь прошла в купе.

Так вот, с утреца, на остановке Гомель, я встречаю мужичка, бывшего соседа по плацкарту. Спрашиваю:

– Ну как там?

Та там п…..ц, – отвечает мужичок.

В целом, очень похоже на Gutenberg WordPress.

Но, как известно, все приходит с опытом. Может через полгода мы уже и забудем о нашем привычном и простом редакторе.

Вы уже попробовали Gutenberg? Интересно услышать ваше мнение:) Пишите в комментариях.

Вам может понравиться:

Инструкция по оптимизации статьи с плагином Yoast SEO: объяснение всех подсказок плагина + весь процесс оптимизации на примере!

Продвигаете сайт? Смотрите 11 способов улучшить SEO сайта.

Посетители уходят и не возвращаются? Смотрите, как использовать email-маркетинг на примере форм подписки от OptinMonster.

А также подборка бесплатных сервисов, где можно скачать качественные фотографии для вашего сайта.

Я очень надеюсь, что статья была для вас полезной.

Если есть вопросы, пишите в комментариях.

Если вам понравилась статья, пожалуйста, сделайте репост:)

И подписывайтесь на нас в FacebookInstagram и Twitter.

18 - КОЛИЧЕСТВО КОММЕНТАРИЕВ

  1. Странно, что комментариев по этой теме нет… Для меня она наболевшая. Ну буду первым значит.
    Новый редактор WordPress для меня всё равно, что новый дизайн Кинопоиска (благо владельцы последнего одумались и вернули прежний дизайн).
    Гутенберг якобы направлен на простоту и понятливость для простого люда, вот только всё с точностью да наоборот: установив новый редактор, мне хотелось его тут же удалить. Простотой и интуитивно понятным интерфейсом там и не пахнет. Может быть я просто настолько привык к классическому редактору, который как раз и является простым и понятным и все новое отвергается уже на подсознании, но я ничего легкого в Гутенберге не заметил.
    Да и кстати, классическим редактором еще можно будет пользоваться, вот только поддерживаться он будет только до 2021 года.

    • Согласен — полный остой. Если бы сначала его придумали — и не было бы между чем выбирать, то было бы еще сносно. Главный минус — все панельки скрыты — ничего не понятно где что. панель рубрики — сначала не было, потом пустая появилась и тд.

  2. По наивности поставил wordpress 5.0! Который как известно уже с гутенбергом. Бред какой то! Это убожество и объясните мне — неужели люди настолько деградировали, что им достаточно такого количества инструментов?
    Однако, быстро откатился назад на старую версию.

    ПЛЮСОВ ТУТ не имеются! Убожество неописуемое!

  3. я обновился.
    Сразу вопросы.
    Как вставить фото с выравниванием по краю?
    Как чистить код страницы от всяких wp-paragraf ?
    Понятно, что вручную в html редакторе,
    а нахера тогда этот гутенберг?

  4. В этой всей кухне я не понимаю только одного — почему в Интернетах не поднимается бунт по возврату старого редактора в ядро. Пользователи решают все, Вордпресс уже давно стал настолько популярным, что юзеры могут надавить на разработчиков, улетевших в облака от действительности. Менять интерфейс — это последнее зло, которое только можно придумать. Вас успокаивает что Classic будет поддерживаться «еще много лет»? Меня — нет. Так что призываю всех «комуневсеравно» на форум Вордпресса писать о своем возмущении.

  5. Обновился сегодня на вордпрессе. Охренел от редактора))))). Нет, конечно ко всему надо привыкать, но как то не зацепило. Благо плагин есть. Установил Classic. После установки легко вздохнул, ну прямо как дома. Не знаю как вам, но мне настолько привычны стали все эти шорткоды и т.п. что я лучше в старом редакторе. Хотя думаю всё равно рано или поздно придется переходить на гутенберг. Лично я отношусь пока нейтрально, но остаюсь при старом редакторе. У многих думаю будут проблемы с плагинами, так как многие из них не обновлялись более 5 лет, хотя работают отлично. Для среднего пользователя думаю что переход на гутенберг ещё рановат. Да и докручиваться он будет ещё долго. Так что вот, работаем друзья))))
    Да, кстати. Какой на хрен гутенберг, Новый Год на носу))))) С наступающим

  6. Всем привет! А по мне Гутенберг ничего так… бесспорно есть свои плюсы. Ну и минусы естественно. Наверное просто надо привыкнуть.

  7. Ох и отстой этот Гуттенберг, я уже 2 недели пытаюсь к нему привыкнуть, но он вызывает столько негатива внутри меня, что я постоянно мысленно матерю его разработчиков. Как можно было такое дерьмо придумать. А самое главное, как можно было этот НЕДОРАБОТАННЫЙ И СЫРОЙ продукт пихать в ядро????? В ТОПКУ его!!!!!!!!!!!!!!!!!

  8. Просто добавлю в кучу: я еще один профессиональный разработчик, отказывающийся от WordPress для более зеленых пастбищ из-за Гутенберга.

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

    Если они хотят, чтобы WordPress (как организация) пережил этот разгром, им нужно вытащить это дерьмо из основного СЕЙЧАС и рассматривать это как отдельную ветвь проекта.

  9. Добавлю:
    Это настолько разочаровывает, что WP сделал это, вернул нас в каменные века с точки зрения функциональности и сложности макета страницы. Спасибо за убийство WordPress.

  10. Новое, бесспорно, будет лучше чем старое. Гутенберг допилят, но, через годик 😉
    В общем, не вижу смысла «блевать» из-за сырого продукта, подожду, пока его прожарят и сожру готовым 😀

  11. Отвратительный редактор. Проще написать в блокноте и залить через PhpMyAdmin… Все подтормаживает, курсор куда-то перепрыгивает, если вдруг у вас нестандартные настройки клавиатуры, то совсем беда, работать с Гутенбергом за гранью фантастики! Места стало меньше, настройки все попрятаны, для любого изменения приходится кликать по 2-3 раза. Купили бы лучше Редактор у Imperavi, и дописали свои блоки… а не вот это вот все.

  12. Комментарии напоминают как я переходил с кнопочного телефона на андроид, потом с одного андроида на другой, с одной виндоус на другую и т.д.
    Хорошо, что я только начал знакомиться с WP, потому как использование новой концепции — неизбежность. Создание простых сайтов становится занятием для юзеров (типа меня), а профессиональных — платным (но недорогим) удовольствием или занятием для профессионалов («написать в блокноте и залить через PhpMyAdmin»).
    Хотя и мне показалось, что начать в Гутенберге непросто — т.к. большинство элементов неочевидны: вроде сделано а-ля Word, но получается что-то немного не то, а как сделать «то» сразу и не разобрать. Вот так и сюда пришел, а тут такое…

  13. От куда этот криворукий программист который сделал Gutenberg, криво**** пи*****. Что нельзя было нормально сделать его. Нет су*** га***** надо было привязать половина функций к одному коду. Еб*** называется как хотите. Пи*** е******. Все заголовки к одному коду, все блоки к одному коду, да лучше бы ты его вообще ни делал пи**** !!!

  14. Гутенберг — это дно… убогий интерфейс, думаю сам Гутенберг в гробу уже перевернулся раз 10 с таких приколов

ВАШ КОММЕНТАРИЙ

Оставьте комментарий!
Ваше имя