Как использовать блоки Гутенберга в конструкторе страниц WPBakery с интеграцией PostX

Опубликовано: 2023-07-04

WPBakery Page Builder предлагает эффективное решение для создания страниц на WordPress. Этот плагин использует ряд «элементов контента» в качестве строительных блоков для дизайна веб-сайта. Другие плагины компоновщика страниц могут ссылаться на эти блоки как на модули или виджеты. Однако WPBakery называет их «элементами контента». Эти элементы можно использовать на любой странице для создания потрясающих сайтов.

Недавно несколько пользователей WordPress спросили нас, могут ли они использовать блоки Гутенберга в конструкторе страниц WPBakery.

Один пользователь спросил:

Привет, у меня есть вопрос о блоках PostX. Совместимо ли это с моим веб-сайтом, если у меня в качестве редактора есть WPBakery?

Другой пользователь задал вопрос:

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

Чтобы решить эту проблему, мы представляем интеграцию PostX и WPBakery Page Builder . Итак, теперь каждый может использовать блоки Гутенберга в WPBakery Page Builder.

Оставайтесь с нами, пока мы узнаем, как использовать блоки Гутенберга в WPBakery Page Builder.

Содержимое скрыть
1 Почему вы должны использовать блоки PostX (блоки Гутенберга) в WPBakery Page Builder?
2 Как использовать блоки Гутенберга в конструкторе страниц WPBakery?
2.1 Видеоурок
2.2 Шаг 1: Установите и активируйте PostX
2.3 Шаг 2: Включите WPBakery и добавление сохраненного шаблона
2.4 Шаг 3: Создайте сохраненный шаблон с помощью PostX
2.5 Шаг 4: Используйте шаблон PostX в конструкторе страниц WPBakery
2.6 Шаг 5: Настройка (необязательно)
3 Часто задаваемые вопросы
3.1 Почему Гутенберг лучше?
3.2 Собирается ли Гутенберг заменить конструкторы страниц, такие как WPBakery?
3.3 Как использовать блоки Гутенберга в конструкторе страниц WPBakery?
4 ресурса, которые вам понравятся
5 Заключение

Почему вы должны использовать блоки PostX (блоки Гутенберга) в WPBakery Page Builder?

PostX — удобный плагин, предназначенный для почтовых блоков Gutenberg; если вы хотите делать удивительные веб-сайты. С PostX в вашем распоряжении будет широкий выбор креативных и привлекательных почтовых блоков, что позволит вам улучшить общее отображение вашего веб-сайта.

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

Не упустите удивительные возможности PostX.

Проверьте все функции PostX

И зачем использовать его в WPBakery? Из-за удобства, которое PostX предоставляет при создании страницы. Создайте и настройте свою страницу и опубликуйте ее как сохраненный шаблон. Затем без проблем используйте сохраненный шаблон в WPBakery Page Builder.

Как использовать блоки Гутенберга в конструкторе страниц WPBakery?

После успешной интеграции PostX с Divi и Beaver Builder мы представляем интеграцию PostX и WPBakery Page Builder. Теперь вы можете использовать любые блоки PostX и другие блоки Gutenberg в WPBakery Page Builder.

Давайте не будем терять время и покажем вам, как легко использовать блоки Гутенберга в WPBakery Page Builder с PostX.

Видеоурок

Вот видеоурок по использованию блоков Гутенберга в WPBakery Page Builder, чтобы изучить его визуально.

Видеоруководство: интеграция конструктора страниц PostX WPBakery

Шаг 1: Установите и активируйте PostX

Прежде всего, вам необходимо установить и активировать плагин PostX. Как только это будет сделано, вы можете включить надстройку WPBakery Page Builder, чтобы начать использовать эти удивительные блоки PostX и Gutenberg.

Installing PostX
Установка PostX

Шаг 2: Включите WPBakery и добавление сохраненного шаблона

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

Если вы хотите использовать блоки Gutenberg в WPBakery Page Builder, вы должны включить два специальных дополнения из PostX: WPBakery Page Builder и Saved Templates.

Enabling WPBakery Page Builder Addon
Включение надстройки WPBakery Page Builder

Чтобы включить оба дополнения, посетите страницу надстроек PostX и используйте панель переключения для надстройки «Сохраненные шаблоны» и «WPBakery Page Builder».

Шаг 3: Создайте сохраненный шаблон с помощью PostX

Создание сохраненного шаблона с помощью PostX необходимо для использования блоков Гутенберга в WPBakery Page Builder.

Чтобы создать новые сохраненные шаблоны в PostX, перейдите в раздел «Сохраненные шаблоны» и нажмите кнопку «Добавить новый шаблон». Вы также можете редактировать любые существующие шаблоны из этого места.

PostX Saved Template Section
Раздел сохраненных шаблонов PostX

Чтобы создать шаблон, нажмите кнопку «Добавить новый шаблон». Это откроет редактор Gutenberg, где вы можете легко использовать блоки PostX, готовые шаблоны PostX или любые другие блоки Gutenberg для создания желаемого шаблона.

Creating New Saved Template
Создание нового сохраненного шаблона

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

Selecting Template Kits for WPBakery Page Builder
Выбор наборов шаблонов для WPBakery Page Builder

PostX предлагает готовые стартовые пакеты и шаблоны, которые позволяют создавать макеты одним щелчком мыши. Выберите нужный стартовый пакет или шаблон с помощью PostX и нажмите «Импорт». Например, давайте использовать Tech News Layout 2 в качестве примера.

Importing Layouts for WPBakery Page Builder
Импорт макетов для WPBakery Page Builder

Чтобы использовать этот шаблон в WPBakery Page Builder, вы должны дать ему «Имя», чтобы легко выбрать его в редакторе WPBakery.

Naming Saved Template for WPBakery
Именование сохраненного шаблона для WPBakery Page Builder

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

Publishing Saved Template for WPBakery
Публикация сохраненного шаблона для WPBakery Page Builder

Шаг 4: Используйте шаблон PostX в конструкторе страниц WPBakery

На предыдущем шаге мы создали сохраненный шаблон. Теперь осталось только использовать его в WPBakery Page Builder.

На панели управления WordPress перейдите на Страницы и нажмите «Добавить новую страницу».

Creating New Page
Создание новой страницы

В редакторе страниц вы увидите значок «WPBakery Page Builder» в верхней части редактора страниц. Нажмите на него, и он перенаправит вас в WPBakery Page Builder.

Launching WPBakery Page Builder
Запуск конструктора страниц WPBakery

Как только вы окажетесь внутри конструктора страниц WPBakery, вы увидите 3 кнопки: «+ Добавить элемент», «Добавить текстовый блок» и «Добавить шаблон». Теперь нажмите «+ Добавить элемент», чтобы выбрать элементы содержимого шаблона PostX.

Adding Elements in WPBakery
Добавление элементов в WPBakery Page Builder

Теперь вы увидите элемент содержимого шаблона PostX. Выберите его, чтобы выбрать сохраненный шаблон.

Selecting PostX Template Content Element
Выбор элемента содержимого шаблона PostX

Вы увидите «Настройки шаблона PostX», и отсюда вы можете выбрать сохраненный шаблон, созданный на шаге 3. После выбора шаблона нажмите кнопку «Сохранить изменения», чтобы добавить блок Гутенберга в WPBakery Page Builder.

Select PostX Template to Use in WPBakery
Выберите шаблон PostX для использования в конструкторе страниц WPBakery

Теперь осталось только опубликовать страницу. Итак, нажмите кнопку «Опубликовать», и все готово.

Publishing Page with WPBakery Page Builder
Публикация страницы с помощью WPBakery Page Builder

Шаг 5: Настройка (необязательно)

После использования блоков PostX и блоков Gutenberg в WPBakery Page Builder вы можете настроить их для внесения изменений или обновлений. Вы можете легко сделать это с помощью PostX.

Перейдите к сохраненным шаблонам PostX и нажмите «Изменить» на сохраненном шаблоне, который необходимо настроить; это позволит вам редактировать свой шаблон. Внесите необходимые изменения и нажмите «Обновить».

Customizing Saved Template of WPBakery
Настройка сохраненного шаблона WPBakery Page Builder

Вносимые здесь изменения будут автоматически синхронизированы, если вы использовали этот шаблон в WPBakery Page Builder.

И вот как легко вы можете использовать блоки Гутенберга в WPBakery Page Builder.

Часто задаваемые вопросы

Почему Гутенберг лучше?

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

Собирается ли Gutenberg заменить конструкторы страниц, такие как WPBakery?

Выбор между Gutenberg и другими конструкторами страниц, такими как WPBakery, Divi, Beaver, Elementor и т. д., зависит от личных предпочтений. Каждый вариант имеет свои преимущества и недостатки. Однако, исходя из таких факторов, как совместимость, скорость и удобство для пользователя, Гутенберг может заменить другие конструкторы страниц.

Как использовать блоки Гутенберга в конструкторе страниц WPBakery?

Выполните следующие действия, чтобы использовать блоки Gutenberg в WPBakery Page Builder:

  • Установите и активируйте PostX.
  • Включите сохраненный шаблон и надстройку WPBakery Page Builder.
  • Создайте сохраненный шаблон с помощью PostX.
  • Используйте сохраненный шаблон в конструкторе страниц WPBakery.
  • Опубликуйте страницу.

Ресурсы, которые вам понравятся

  • PostX Dynamic Site Builder: создайте свой сайт за несколько кликов
  • Знакомство с блоком строк/столбцов PostX: идеальное отображение содержимого
  • Как добавить пользовательские шрифты WordPress: получите полный контроль над типографикой
  • Представляем аддон PostX ChatGPT: генератор контента WordPress с искусственным интеллектом
  • Как создать собственную домашнюю страницу в WordPress: ответы на все ваши вопросы!

Заключение

В заключение, интеграция PostX и WPBakery Page Builder позволяет пользователям WordPress легко использовать блоки Gutenberg в WPBakery Page Builder.

С помощью PostX каждый может создавать потрясающие страницы с использованием блоков Гутенберга, не беспокоясь о проблемах совместимости с WPBakery Page Builder.

Следуя предоставленному пошаговому руководству, пользователи могут быстро и эффективно использовать блоки PostX и другие блоки Gutenberg в своих проектах WPBakery Page Builder. Эта интеграция обеспечит лучший опыт создания веб-сайтов для пользователей.

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

Нравится эта статья? Распространить слово
  • WooCommerce Products Compare

    Сравнение продуктов: сравнение продуктов WooCommerce

  • WordPress Grid Plugins

    10 лучших плагинов WordPress Grid 2023

  • How to Add WooCommerce Store Credit with WholesaleX

    Как добавить кредит магазина WooCommerce с помощью WholesaleX

  • How to Offer Wholesale Discounts with WholesaleX

    Как предложить оптовые скидки с WholesaleX