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

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

макеты WordPress

Как создавать собственные макеты 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

Просто создайте новую страницу в WordPress, зайдя в Pages »Add New . Вы заметите новую вкладку Page Builder в редакторе WordPress.

создайте новую страницу в WordPress,

Щелкните вкладку «Page Builder», чтобы запустить Beaver Builder.

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

В настоящее время вы можете нажать кнопку «Нет, спасибо», чтобы пропустить обзор. Поскольку в этом руководстве я познакомлю вас с различными функциями, поэтому вам не нужен тур.

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

Выбрать шаблон WordPress

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

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

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

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

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

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

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

Просто щелкните меню « Макеты строк», а затем выберите необходимое количество столбцов в строке.

Макеты строк

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

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

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

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

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

 окно с кнопками для публикации

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

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

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

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

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

Просто установите флажок рядом с опцией «Включить администратор шаблонов» и нажмите кнопку «Сохранить настройки шаблона».

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

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

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

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

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

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

Полезные руководства по WordPress:

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

Автор сайта - Сергей Савельев

Если , статья «Собственные макеты WordPress с помощью Beaver Builder» вам понравилась и была полезной , возможно стоит поделиться ее с друзьями ? Тогда , нажмите одну (можно и больше) из кнопок соц. сетей

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

семь − 3 =