Расширенный обзор Гутенберга за и против (2021 г.) | Добавить улучшения в редактор Гутенберга

Опубликовано: 2018-10-17

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

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

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

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

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

Затем эти блоки позволяют создавать более сложные конструкции, чем те, которые разрешены в текущем редакторе WordPress. Gutenberg стремится устранить необходимость в конструкторах страниц для большинства «стандартного» контента.

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

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

Если вам нужен плагин, который не только адаптировал Gutenberg, но и помогает улучшить ваш опыт работы с ним, тогда Advanced Gutenberg - отличный выбор.

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

Оглавление

Расширенный обзор Гутенберга

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

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

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

После установки и активации плагина Advanced Gutenberg у вас появится новое меню на панели инструментов WordPress. Плагин состоит из четырех разделов. Это профили, конфигурация, пользовательские стили и перевод .

№1. Профили

Управление профилями пользователей - это мощная функция, предлагаемая плагином Advanced Gutenberg. Используя функцию профилей, вы можете устанавливать правила, разрешения или даже ограничения для определенных ролей пользователей или даже для определенного пользователя.

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

По сути, «профиль» - это набор разрешений, к которым люди могут получить доступ. Затем вы можете применить профили ко всем ролям пользователей или конкретным именам пользователей.

управление ролями пользователей Gutenberg

Чтобы воспользоваться этой функцией, перейдите в Advanced Gutenberg> Profiles на панели инструментов WordPress, чтобы получить доступ к профилям пользователей. Здесь вы можете найти список ранее созданных профилей, которые вы можете редактировать, просто щелкнув по конкретному профилю.

Вы также можете создать новый профиль, используя кнопку « Новый профиль» вверху. Затем на вкладке « Список блоков » вы можете включить / отключить доступ к каждому блоку.

расширенный список блоков Гутенберга

элементы макета Advanced Gutenberg

встраивает расширенный плагин Gutenberg

Затем на вкладке « Атрибуция профиля » вы можете присвоить своему профилю название. Оттуда вы также можете активировать этот профиль для определенных пользователей или ролей пользователей. Как только вы закончите, нажмите кнопку « Сохранить» , и ваш созданный профиль будет сохранен.

расширенная атрибуция профиля Гутенберга

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

№2. Конфигурация

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

Просто перейдите в Advanced Gutenberg> Configuration . Здесь вы получите некоторые общие настройки, связанные с галереей, изображениями и блоками.

расширенные настройки блока Gutenberg

Если вы переключитесь на вкладку Default Blocks Config , вы получите очень хорошо организованный экран со списком расширенных блоков, встроенных в этот плагин.

вкладка конфигурации блоков по умолчанию Gutenberg

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

Настроить блок продвинутого Гутенберга

№3. Пользовательские стили

Вкладка Custom Styles дает вам возможность добавлять новые стили или изменять предварительно созданные стили в плагине Advanced Gutenberg. Для каждого пользовательского класса стилей вы можете установить идентификационный цвет, чтобы отличать его от остальных классов.

расширенные пользовательские стили Gutenberg

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

№4. Перевод

Расширенный плагин Gutenberg позволяет вам перевести этот плагин на ваш родной язык. Вы можете получить доступ к вкладке « Перевод » из меню Advanced Gutenberg.

Как работает продвинутый Гутенберг?

Плагин Advanced Gutenberg предлагает несколько дополнительных и улучшенных блоков. Эти блоки улучшают ваш опыт создания контента в редакторе Gutenberg.

Чтобы получить доступ к этим блокам или добавить их, просто нажмите на значок " ' в редакторе сообщений.

расширенные блоки плагин Gutenberg

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

Он поставляется с блоком для отображения ваших последних сообщений и последних продуктов WooCommerce. Включено несколько макетов, таких как сетка публикации / продукта, формат блога, формат слайдера.

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

Некоторые блоки улучшены с помощью Advanced Gutenberg:

  • Сводка - автоматическое создание сводки на основе структуры заголовка контента Гутенберга.
  • Расширенный блок кнопок - создание кнопок с дополнительными стилями (наведение, граница, отступы…)
  • Блок «Расширенный список» - создание списков с настраиваемым значком, цветом значка, полями…
  • Расширенный разделитель с типом, цветом, шириной

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

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

Резюме обзора Advanced Gutenberg

Плагин Advanced Gutenberg - это усовершенствование редактора Gutenberg . Он предоставляет очень удобные и расширенные блоки для улучшения вашего опыта создания контента. Помимо этого, вы можете применять собственные стили и CSS на ходу.

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

Кроме того, мне нравится возможность создавать свои собственные стили и применять их в Гутенберге. Поскольку Advanced Gutenberg на 100% бесплатен, вы ничем не рискуете, попробовав его. Если вы уже используете Gutenberg , подумайте о том, чтобы попробовать это. Еще один отличный бесплатный плагин для блоков Gutenberg - Getwid.

Если Gutenberg не для вас, вы все равно можете использовать плагин для построения страниц, например Elementor (Elementor бесплатно против платного), Divi (Divi против Beaver Builder), Beaver Builder (Beaver Builder бесплатно против платного), Oxygen, Brizy, Visual Composer (Visual Composer бесплатные vs платные), WPBakery (WPBakery vs Visual Composer) и т. д.

Продвинутый Гутенберг

расширенный плагин Gutenberg
8.9

Легко использовать

8,9 / 10

Настройки

8,7 / 10

Цена

9,0 / 10

Общее качество

9,1 / 10

Плюсы

  • Расширенный разделитель с типом, цветом, шириной
  • Блок расширенного списка
  • Расширенный блок кнопок
  • Улучшение менеджера галереи
  • Заблокируйте, чтобы отображать ваши последние сообщения
  • Интеграция с WooCommerce
Учить больше!