Новый визуальный редактор Gutenberg для WordPress

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

визуальный редактор для WordPress-01

Иногда сообщество WordPress объединяется, чтобы улучшить и добавить обновления в самую популярную систему управления контентом WordPress. Все эти обновления направлены на улучшение стареющего кода и улучшение пользовательского интерфейса.

Уже скоро можно будет использовать новый визуальный редактор для WordPress – Gutenberg. Он назван в честь Johannes Gutenberg, который изобрел печатную машину с подвижным типом более 500 лет назад.

визуальный редактор Gutenberg для WordPress

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

визуальный редактор Gutenberg для WordPress

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

визуальный редактор Gutenberg для WordPress

Список новых крутых дополнений к блокам.
1. Блок таблиц.

Теперь простые таблицы намного проще, так как вы можете вставлять их в виде блоков в редакторе. Это очень круто, так как сейчас приходится либо использовать сторонний плагин, либо HTML-код.

gutenberg-tables-01

2.Живой блок HTML.

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

визуальный редактор Gutenberg для WordPress

3.Недавно использованные блоки.

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

визуальный редактор Gutenberg для WordPress

4.Варианты текста обложки.

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

визуальный редактор Gutenberg для WordPress

5.Внедрение медиаконтента.

Gutenberg упрощает внедрение медиаконтента, будь то YouTube, SoundCloud, Hulu, Flickr, Imgur, Twitter, Slideshare, Reddit и многие другие. Хотя вы могли внедрить все это раньше, но многие этого не понимали, так как в визуальном редакторе не упоминалось об этом.

gutenberg-embed-options-01

В целом новый редактор Gutenberg порадовал, но на практике посмотрим, как он себя покажет. Он еще "сырой".