Гутенберг против конструкторов страниц WordPress

Опубликовано: 2020-10-05

С выпуском WordPress 5.0 WordPress получил совершенно новый редактор блоков в виде Гутенберга. Это принесло совершенно новую философию создания контента с использованием встроенных макетов блоков. Из-за этого многие люди начали верить, что Гутенберг является заменой плагина для создания страниц WordPress. Однако между ними есть огромная разница.

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

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

Оглавление

Гутенберг против конструкторов страниц WordPress

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

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

Самая большая разница между ними заключается в том, что Gutenberg встроен в ядро ​​​​WordPress и является редактором контента по умолчанию после обновления версии WordPress до 5.0.

С другой стороны, конструкторы страниц WordPress — это сторонний плагин WordPress, который поможет даже не программистам и непрофессионалам создавать веб-сайт.

Даже основная команда WordPress не называет Gutenberg конструктором страниц, а называет его редактором блоков. Вот почему:

Бэкенд и фронтенд редактирование

Самая большая разница между плагинами Gutenberg и Page Builder заключается в редактировании бэкэнда и внешнего интерфейса.

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

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

Гутенберг против конструкторов страниц WordPress
Элементор Элементы
Гутенберг против конструкторов страниц WordPress
Редактор WPBakery
Гутенберг против конструкторов страниц WordPress
Редактор Beaver Builder

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

Функция перетаскивания

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

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

Гутенберг против конструкторов страниц WordPress

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

Гутенберг против конструкторов страниц WordPress
Элементор: перетаскивание
Гутенберг против конструкторов страниц WordPress
WPBakery: перетаскивание
Гутенберг против конструкторов страниц WordPress
Beaver Builder: перетаскивание

Вариант форматирования и стиля

Именно здесь конструкторы страниц получают идеальный толчок по сравнению с редактором блоков Gutenberg.

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

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

Elementor: возможность стилизации и форматирования
Beaver Builder: возможность стилизации и форматирования

Функциональность макета

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

В то время как конструкторы страниц WordPress позволят вам изменить макет вашей темы WordPress и создать свои собственные креативные и уникальные страницы. Они предлагают полный контроль над макетом всей страницы.

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

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

Совместимость стилей темы

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

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

Блоки и виджеты

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

У Gutenberg есть мощный ключ API, который позволяет разработчикам плагинов создавать собственный набор блогов или интегрировать свои плагины WordPress с редактором.

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

Элементор Элементы
Элементы WPBakery
Элементы Beaver Builder

Популярные конструкторы страниц, такие как Elementor, Beaver Builder, WPBakery, Divi, также имеют собственный API, позволяющий разработчикам создавать надстройки/расширения.

Сторонние надстройки и расширения

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

С помощью Gutenberg многие разработчики создали потрясающие блочные плагины Gutenberg.

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

Заменит ли Gutenberg плагин WordPress Page Builder?

В нынешнем виде Гутенберг не является заменой конструктору страниц. Конструкторы страниц предоставляют мощные функции, позволяющие делать практически все с вашим сайтом WordPress. В то время как Гутенберг все еще находится на ранней стадии. Если вы посмотрите на дорожную карту WordPress, вы обязательно увидите, что у WordPress есть планы сделать редактор блоков еще более мощным. Но не похоже, что Гутенберг собирается взять верх над создателями страниц.