Знакомство с Gutenberg

Gutenberg – это редактор записей и страниц WordPress, который заменил TinyMCE в декабре 2018 года. Неудобство работы с TinyMCE стала причиной того, что появились такие плагины, как ACF, Tatsu, Elementor и Visual Bakery для построения страниц, а также премиум-темы с собственными конструкторами, например Divi Page builder.

Теперь же откройте для себя Gutenberg. Устанавливается он через админку, либо из каталога WordPress.org, как обычный плагин. Обратите внимание, как изменилось рабочее окружение. Этот редактор выглядит совершенно иначе. Размещение элементов соответствует структуре страницы. Статья в нем смотрится почти так же, как и на сайте. После первой тестовой работы с Gutenberg  мы, в Zenetix, поняли, что этот конструктор станет серьезной альтернативой конструкторам страниц Elementor и Visual Bakery, а может и их конкурентом.

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

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

  • Часто используемые. многоразовые использование  блоков. WordPress имеет простой Json импортер, который позволит импортировать любимые блоки из одной страницы в другую или с одного сайта в другой.  
  • Основные. Заголовок, текст, список, изображение, аудио и видео.
  • Форматирование. Таблица, рамка, цветная плашка, журнальная цитата, фрагмент кода.
  • Разметка. Разрыв страницы, интервал, разделительная линия, колонки, кнопка.
  • Виджеты. Рубрики, последние записи, комментарии.
  • Вставки. Видео с YouTube, Vimeo и Dailymotion, ленты из Facebook, Instagram или Twitter.

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

Галерея.
Возможность разместить несколько изображений.в настройках можно редактировать изображения. В галереи предусмотрено от одной до 8 колонок.

Колонки.
Текст в Guttenberg можно разбить на колонки без применения CSS, как было раньше, а прямо в редакторе

Вставки.
В публикацию можно добавлять посты с соцсетей: Facebook, Instagram, Twitter, YouTube, Vimeo, Soundcloud, Tumblr. Достаточно только поместить ссылку. остальное редакор сделает сам

Форматирование и перемещение 

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

Мобильная версия
Администрировать можно и со смартфона. Мобильный редактор похож на десктоп, Элементы и инструменты находятся на тех же местах. Но будьте предельно осторожны, иконки настолько малы, что по ним не так просто попасть, из-за чего можно случайно удалить нужное или опубликовать ненужное.

Если вас заинтересовали возможности Gutenberg, то детальное руководство вы можете найти здесь.

Но если вам этого мало, то за счет плагинов Gutenberg можно расширить. Например Gutenberg Blocks – Ultimate Addons for Gutenberg -это бесплатный плагин с большой коллекцией блоков, описание которых вы найдете  на этом сайте.

Отличия Guttenberg от прежней версии колоссальны. Большинство новых возможностей, простота и удобство работы подкупает. Именно поэтому wordpress разработчики Zenetix digital production сделали выбор в пользу Gutenberg.