Как создавать пользовательские макеты WordPress с помощью Beaver Builder

Хотите узнать, как создавать пользовательские макеты страниц в WordPress?? Beaver Builder позволяет вам создавать собственные макеты страниц без...

Хотите узнать, как создавать пользовательские макеты страниц в WordPress?? Beaver Builder позволяет вам создавать собственные макеты страниц без написания кода. В этой статье мы рассмотрим Beaver Builder и покажем вам, как создавать пользовательские макеты страниц в WordPress с помощью Beaver Builder.

Зачем и когда нужны пользовательские макеты страниц

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

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

Именно здесь на помощь приходит Beaver Builder. Это плагин конструктора страниц для WordPress. Он поможет вам создать собственные пользовательские макеты страниц без написания кода.

Обзор Beaver Builder

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

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

В этом обзоре Beaver Builder мы покажем вам, как использовать Beaver Builder для создания пользовательских макетов страниц в WordPress.

Давайте приступим.

Установка плагина Beaver Builder

Сначала вам нужно приобрести плагин Beaver Builder. Это платный плагин, стоимость которого начинается от $99 для неограниченного количества сайтов.

Далее вам нужно установить и активировать плагин Beaver Builder. Для получения более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо посетить Настройки » Конструктор страниц страницу для ввода лицензионного ключа.

Ввод лицензионного ключа Beaver Builder

После ввода лицензионного ключа вы готовы к созданию красивых макетов страниц.

Создание первого пользовательского макета страницы с помощью Beaver Builder

Просто создайте новую страницу в WordPress, перейдя по ссылке Страницы » Добавить новую. Вы заметите новую вкладку Page Builder в редакторе WordPress.

Добавление новой страницы с помощью конструктора страниц

Нажмите на вкладку ‘Page Builder’, чтобы запустить Beaver Builder.

Если вы впервые используете Beaver Builder, то вы увидите приветственное всплывающее окно, предлагающее вам экскурсию.

В это время вы можете нажать на кнопку No Thanks, чтобы пропустить тур. В этом руководстве мы расскажем вам о различных функциях, так что экскурсия вам не понадобится.

После этого вам нужно нажать на кнопку Шаблоны кнопка в верхнем меню.

Выбор шаблона для макета страницы в Beaver Builder

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

Не волнуйтесь, вы можете настроить шаблон так, как вам нравится. Это просто быстрый способ начать работу с макетом.

Выберите шаблон для макета вашей страницы

Когда вы выберете макет, Beaver Builder загрузит его в окне предварительного просмотра. Подведите курсор к элементу, и Beaver Builder выделит его.

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

Редактирование макета в плагине Beaver Builder

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

Вы также можете просто нажать на элемент в окне предварительного просмотра и перетащить его, чтобы переместить по странице.

Макеты Beaver Builder основаны на рядах. Вы можете перетаскивать и изменять расположение рядов. Вы также можете удалить или добавить новую строку.

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

Добавление строки в макет страницы в Beaver Builder

Beaver Builder добавит строку к живому предварительному просмотру на вашем сайте.

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

Просто выберите элемент и перетащите его в строку, которую вы только что добавили. Нажмите на элемент, чтобы отредактировать его свойства.

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

Сохранить модуль, чтобы использовать его позже

Нажмите на кнопку «Готово», когда закончите редактирование страницы. Beaver Builder покажет всплывающее окно с кнопками для публикации или сохранения страницы в качестве черновика.

Сохраните макет страницы в Beaver Builder

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

Beaver Builder покажет вам всплывающее окно. Вы можете сохранить страницу как шаблон или быстро создать дубликат страницы с тем же макетом.

Сохранить макет как шаблон

Управление шаблонами макетов страниц в Beaver Builder

Каждая лицензия Beaver Builder дает вам право использовать его на неограниченном количестве сайтов. Но как перенести шаблоны страниц с одного сайта WordPress на другой?

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

Просто установите флажок рядом с опцией ‘Enable Templates Admin’ и нажмите на кнопку сохранения настроек шаблона.

Показать админку шаблона

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

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

Посетите Инструменты » Экспорт страницу и выберите Шаблоны. Нажмите на кнопку «Загрузить файл экспорта», и WordPress отправит вам XML-файл для загрузки.

Экспорт шаблонов

Теперь войдите на сайт WordPress, на который вы хотите импортировать шаблоны. Посетите Настройки » Импорт страницу и нажмите на WordPress.

Вам будет предложено загрузить и установить плагин импортера WordPress. После этого вы сможете просто загрузить xml файл ваших шаблонов и импортировать его.

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий