Beaver Builder — это инструмент для создания страниц в WordPress. Как и многие другие конструкторы страниц, он использует перетаскивание. Давайте посмотрим поближе.
Зачем использовать конструктор WordPress
При создании страницы вы, конечно же, выбираете тему, которая вам подходит больше всего. Если в процессе веб-дизайна вы обнаружите, что его функции не совсем соответствуют вашим потребностям, вам не нужно его менять. Добавьте соответствующий плагин к нужным функциям.
Beaver Builder является таким плагином. Это поможет вам создавать страницу блок за блоком в реальном представлении. И вы сможете использовать любой макет на отдельных страницах сайта. Вы также получаете возможность использовать свои собственные цвета и стили. Кроме того, пользователи ценят множество других функций и простоту использования. Вы справитесь с интуитивно понятным использованием WordPress, даже если вы новичок в веб-дизайне.
Облегченная версия плагина
В базовой версии , которой вполне достаточно для обычного использования, вы установите ее бесплатно . Для более сложных функций, таких как создание мегаменю, автоматическая загрузка другого поста и множество новых заранее подготовленных шаблонов, вы можете приобрести платную версию.
Что содержит Beaver Builder
Beaver Builder содержит более 30 шаблонов страниц. Индивидуальные дизайны адаптируются под нужды бизнеса, блога или крупных компаний. Он также содержит множество шаблонов для отдельных веб-страниц. Например, страница контактов, подписка на рассылку новостей и тому подобное. Он совместим со всеми темами WordPress и полностью адаптивен. Таким образом, отображение вашего сайта также будет адаптировано для мобильных устройств.
Преимущества
Помимо упомянутых выше полезных функций, этот конструктор страниц имеет множество других преимуществ :
- Он совместим со многими шаблонами и плагинами.
- Вы можете редактировать весь текстовый контент прямо на активном экране . Это облегчит вам написание нового, а также редактирование существующего контента.
Недостатки
- Бесплатная версия урезана рядом функций по сравнению с версией.
- Более высокая цена за версии.
? Совет: читайте также обзор еще одного популярного конструктора elementor .
Настройка этого плагина
Если вы хотите использовать этот плагин, вам необходимо сначала установить его. Точную процедуру вы найдете в моей статье Что такое плагин WordPress? Как установить?
Beaver Builder настроен на создание новых страниц. Вы также можете использовать его при написании постов. В этом случае перейдите в Настройки> Бобровый строитель . Здесь вы найдете опцию « Типы сообщений» . Чтобы использовать плагин при создании постов, установите соответствующий флажок и сохраните изменения.
Как создать страницу в Beaver Builder
Чтобы создать новую страницу, перейдите в Страницы в меню администрирования.> Добавить новое.
Выберите « Запустить Beaver Builder» в меню, отображаемом в поле. Вы увидите следующую страницу:
Здесь вы можете создавать страницы в режиме реального времени. Справа находятся отдельные инструменты. Если вы хотите скрыть их, чтобы видеть всю страницу, нажмите 
. Вы вставляете отдельные элементы из меню в меню, захватывая их. Например, вы можете вставить картинку. Появится окно для его вставки. Здесь вы выбираете изображение и устанавливаете его параметры. Наконец, нажмите « Сохранить » в нижней части окна.
Вы вводите макет страницы аналогичным образом. В меню инструментов перейдите к Строкам.
Выберите подходящий вам макет из меню и перетащите его на страницу. Вы можете комбинировать отдельные макеты по своему желанию.
Чтобы добавить текст или другое содержимое, например виджеты, возьмите их из меню « Модули » и вставьте в нужное место. В моем примере я хочу вставить текст на страницу.
Вы вводите текст в окне текстового редактора. У вас есть все функции, к которым вы привыкли. Кроме того, здесь вы можете выбрать разрешение или также вставить изображение, аудио или видео. Нажмите Сохранить , чтобы снова сохранить изменения.
Как редактировать разделы страницы
Вы можете дополнительно редактировать отдельные модули или блоки. При наведении курсора на любую часть страницы вы увидите доступные функции.
позволяет свободно перемещать отдельные блоки с помощью функции «drug & drop»
после нажатия на эту опцию откроется окно для настройки свойств модуля (отдельные доступные функции этой опции описаны ниже)
нажмите Дублировать , чтобы создать идентичный блок на странице
здесь вы найдете варианты регулировки высоты и ширины ряда
здесь вы найдете параметры для настройки столбца, такие как регулировка высоты и ширины, дублирование, перемещение и тому подобное
очищает выбранную область
Настройка свойств модуля
Каждый модуль имеет разные настройки. Однако принцип управления тот же. Мы объясним это в настройках изображения. Нажмите на над изображением. Откроется окно, в котором вы вставили изображение на страницу. В дополнение к основным настройкам « Общие » здесь доступны еще две вкладки.
Стиль — это вкладка, на которой можно выбрать свойства отображения изображения, такие как панорамное, круглое и т. д. Кроме того, здесь вы устанавливаете выравнивание и ширину.
Вкладка « Дополнительно » позволяет установить границы, а также выбрать параметры отображения для отдельных устройств и анимацию изображения.
Публикация страницы
Нажмите «Готово », чтобы сохранить все сделанные вами изменения. У вас есть несколько вариантов в правом верхнем углу страницы. Вы можете удалить, сохранить как черновик или опубликовать страницу.
Заключение обзора — мой опыт работы с этим плагином
Мы рассмотрели основные возможности, предлагаемые при работе с плагином Beaver Builder . Он имеет несколько преимуществ. Это позволяет произвольное расположение отдельных элементов страницы, создание сложных сеток и настроек непосредственно в режиме предварительного просмотра страницы.
Любителей безупречного дизайна порадует количество доступных стилей. Вы также можете использовать все виджеты и шорткоды. Преимуществом является простота использования. Не вызывает проблем даже при смене темы.
? Совет: читайте также обзор еще одного популярного конструктора elementor .
