Gutenberg — редактор WordPress по умолчанию?

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

WordPress-Gutenberg

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

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

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


Простота

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

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


gutenberg


Блочная система

Gutenberg прославился своими блоками. Вам не нужно иметь навыков программирования, чтобы редактировать контент в блочной системе. Всё что вам нужно сделать, это просто настроить и разместить блоки с контентом в понравившемся вам макете сайта. Цель редактора — создание приятного опыта работы с множеством шаблонов постов. Без использования каких-либо знаний CSS и HTML.


Главные особенности

  • Все элементы представлены в виде блоков;
  • Каждый блок легко использовать и настраивать;
  • Местозаполнитель. Теперь вы знаете, где заполнить пустое место;
  • Использование WYSIWYG редактора для работы с сайтов;
  • Простое редактирование макета, которое не может повредить работу системы.

Gutenberg предоставляется с подробной документацией. Перейдите на официальный сайт, чтобы получить руководства и инструкции по работе с блоками редактора. На данный момент в вашем доступе тысячи блоков и 34 embed кода.

Вам нужно ввести URL-адрес для вставки, а редактор сделает всё остальное. Все просто, понятно и без проблем.


Установка

Сегодня, Gutenberg редактор работает как WordPress плагин. Его версия 3.5.0.полностью совместима с версией WordPress 4.9.8. Вы можете найти его в Репозиторие WordPress плагинов или установить как плагин через админ-панель.

Gutenberg по прежнему является бета-версией и лучше использовать его на пробных сайтах.

Преимущества

Недостатки
  • Удобен в работе
  • До сих пор является бета-версией
  • Простота написания и составления макета
  • Рекомендуется использовать его на тестовых сайтах
  • Визуальная часть
  • Плохие отзывы
  • Контент отображается в блоках
  • Низкий общий рейтинг
  • Не требует технических навыков
  • Баги
  • Создание сложных макетов без навыков программирования
  • Не поддерживает адаптивные колонны. Некоторые функции пока не доступны
  • Поддерживается вставка с 34 сайтов.
  • Жалобы на появление новых проблем
  • Чистый дизайн
  • Доступность.
  • Никакой путаницы — отображаются только действующие инструменты
  • API Gutenberg всё еще работает
  • Адаптивный
  • Всё ещё вызывает вопросы

Плагины и расширения

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

Давайте посмотрим на них.


JetGuten

jetguten

JetGuten разработан командой Zemez, чтобы расширить функциональность редактора. В набор блоков входят следующие продукты:

  • Баннеры
  • Ценовые таблицы
  • Круг прогресса
  • Таймер обратного отсчета
  • Расширенная карта
  • Анимированный бокс
  • Полоса прогресса
  • Встроенный SVG
  • Сравнение изображений

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


Advanced Gutenberg

advanced-gutenberg

Больше возможностей и настроек доступны с плагином Advanced Gutenberg, он позволяет:

  • получить любой уровень доступа к блокам плагина во время работы над профилями пользователей;
  • выбирать любой инструмент для настройки профиля;
  • добавить и использовать функцию лайтбокса работая с галереями;
  • отображать ALT и надписи в галерее лайтбоксов;
  • создавать и применять пользовательские CSS стили к разным блокам;
  • делать сложные блоки кнопок с дополнительными стилями;
  • создавать сложные блоки списков с расширенными возможностями форматирования и стилями;
  • создавать сложные блоки таблиц с дополнительными стилями и возможностью форматирования;
  • делать блоки аккордеона;
  • делать блоки вкладок;
  • создавать блоки отзывов и настраивать их;
  • делать крутые блоки для видео и картинок;
  • создавать разделитель и настраивать их стили;
  • создавать пользовательские блоки со ссылками на соцсети.

Ultimate Addons

ultimate-addons

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

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


WooCommerce Gutenberg блоки продуктов

woocommerce-gutenberg-products-block

WooCommerce блок полезен, если вы хотите добавить WooCommerce продукты, как отдельный блок через редактор Gutenberg.

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

WooCommerce блоки продуктов – это самый легкий способ добавить любой продукт в пост или на страницу.


Блок фона

block-background

Ищете инструменты для настройки фона? перед вами идеальное решение.

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


Цветовая палитра

color-palette

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


Stackable – Универсальные Gutenberg Блоки

stackable-ultimate-gutenberg-blocks

С этим плагином, вы получите блоки дизайна и функций для редактора. Пока что доступно 17 блоков.

Используйте разные возможности настройки вашего контента:

  • Корзина
  • Ценовые ячейки
  • Хедеры
  • Счетчик
  • Видео попап
  • Отзывы
  • Члены команды
  • Призыв к действию
  • Уведомления
  • Блоки цитат
  • Ячейки с нумирацией
  • Кнопка
  • Контурная кнопка
  • Подробнее/Показать всё
  • Разделитель
  • Распорка

Каждый блок можно легко редактировать (цвет, размер, фоновое изображение, анимацию и др.)


Advanced Gutenberg Blocks

advanced-gutenberg-blocks

Если вы ищете WYSIWYG редактор, то этот плагин именно то, что вам нужно. Когда Gutenberg будет внедрен в ядро ВП, набор блоков существенно увеличится.


Organic Profile Block

organic-profile-block

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


Блок Contact Form 7

contact-form-7-block

Вставьте любую контактную форму в любужю часть вашего сайта с этим плагином Contact Form 7.


Подведем итоги

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

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

Приятного вам опыта работы с Gutenberg!

Прокомментируйте первым.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>