TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Руководство и обзор плагина Beaver Builder для WordPress

2 178

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

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

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

Давайте сразу перейдем к нашему новому и улучшенному обновленному руководству по построителю страниц WordPress Beaver Build!

Зачем вам может понадобиться конструктор страниц WordPress

Если вы не новичок в этой платформе, вы, вероятно, знакомы с классическим редактором WordPress:

Руководство и обзор плагина Beaver Builder для WordPress

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

Однако недавно разработчики WordPress выпустили совершенно новую версию редактора, которая теперь работает на Gutenberg:

Руководство и обзор плагина Beaver Builder для WordPress

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

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

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

Основы Beaver Builder


Руководство и обзор плагина Beaver Builder для WordPress

Информация и СкачатьПосмотреть демо

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

Некоторые из ключевых функций этого плагина:

  • Большая библиотека «модулей» контента, от базовых опций (таких как модули текста и изображений) до более продвинутых функций (призыв к действию, модули карты и галереи и т.д. ).
  • Пользовательский интерфейс редактирования, который позволяет визуально создавать страницы, сообщения и пользовательские типы сообщений и сразу же видеть свои изменения.
  • Возможность создавать сложные макеты из нескольких столбцов и настраивать размеры, интервалы и многое другое.
  • Готовые разделы и шаблоны страниц, позволяющие начать процесс проектирования, которые можно изменять по мере необходимости.
  • Возможность создавать и сохранять собственные шаблоны для последующего использования.
  • Параметры для добавления пользовательского HTML и ваших собственных классов CSS для более продвинутых пользователей.

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

Если вы планируете всерьез использовать Beaver Builder, вам нужно приобрести премиум-лицензию, чтобы получить доступ к полному пакету. Они начинаются с 99 долларов за использование на неограниченном количестве сайтов и один год поддержки:

Руководство и обзор плагина Beaver Builder для WordPress

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

Как начать работу с Beaver Builder

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

Имея это в виду, давайте рассмотрим, что значит взять Beaver Builder и начать использовать его для создания сообщений и страниц. Естественно, первое, что вам нужно сделать, это установить и активировать плагин.

Кроме того, вам нужно активировать лицензионный ключ, если вы приобрели премиум-версию (которую мы будем использовать в этом руководстве). Тогда вы можете приступить к работе.

Шаг 1. Откройте редактор Beaver Builder Editor

Когда вы установите плагин, вы увидите новую вкладку Beaver Builder на своей панели инструментов. Здесь будет сохранен ваш пользовательский контент – например, если вы создадите свои собственные уникальные шаблоны.

Вы также можете создавать контент с помощью конструктора страниц, выбрав Beaver Builder> Добавить новый. Кроме того, вы можете просто перейти на Страницы> Добавить новый (или аналогичный вариант для сообщений и настраиваемых типов сообщений). Вы увидите новую опцию:

Руководство и обзор плагина Beaver Builder для WordPress

Это означает, что вы можете создавать свой контент в редакторе WordPress по умолчанию или в конструкторе страниц. Нажмите кнопку «Запустить Beaver Builder» :

Руководство и обзор плагина Beaver Builder для WordPress

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

Шаг 2: Выберите начальный шаблон

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

В меню в правой части редактора выберите вкладку «Шаблоны» вверху, и вы увидите множество вариантов. Просто нажмите на шаблон или перетащите его на страницу, и вы увидите полную версию:

Руководство и обзор плагина Beaver Builder для WordPress

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

Шаг 3. Отредактируйте отдельные модули

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

Руководство и обзор плагина Beaver Builder для WordPress

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

Например, модуль «Фото» позволяет вам изменить используемый файл и добавить заголовок и / или ссылку. Вы также можете переключиться на вкладку Style, чтобы изменить выравнивание изображения, границу и многое другое:

Руководство и обзор плагина Beaver Builder для WordPress

В большинстве модулей также есть вкладка Advanced, где вы можете настроить ее поля, сделать ее видимой только на определенных типах устройств, добавить собственный HTML-код и т.д.

Руководство и обзор плагина Beaver Builder для WordPress

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

Шаг 4. Настройте организацию и макет вашего контента

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

Руководство и обзор плагина Beaver Builder для WordPress

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

Кроме того, вы можете изменить общий макет своей страницы. Чтобы увидеть пример этого в действии, наведите указатель мыши на модуль и нажмите «Редактировать столбец»> «Параметры столбца» :

Руководство и обзор плагина Beaver Builder для WordPress

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

Теперь наведите указатель мыши на фон страницы и выберите «Параметры строки» в правом верхнем углу:

Руководство и обзор плагина Beaver Builder для WordPress

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

Наконец, снова выберите главное меню редактора и перейдите на вкладку Rows :

Руководство и обзор плагина Beaver Builder для WordPress

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

Шаг 5. Расширьте набор функций Конструктора страниц (необязательно)

Стоит отметить, что в Beaver Builder есть много других функций и опций – здесь мы коснулись лишь поверхности. Однако мы рассмотрели ключевые функции, которые вам необходимо понять, чтобы начать работу. После этого практический подход – лучший способ освоить канаты.

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

Руководство и обзор плагина Beaver Builder для WordPress

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

Также есть дополнительное дополнение Beaver Themer :

Руководство и обзор плагина Beaver Builder для WordPress

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

При цене 147 долларов он может не вписаться в любой бюджет, но это полезное дополнение для веб-сайта, который вы собираетесь монетизировать, или для разработчиков и дизайнеров, работающих над несколькими сайтами.


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

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

Вы когда-нибудь использовали Beaver Builder и каков был ваш опыт? Поделитесь с нами в разделе комментариев ниже!

Источник записи: https://www.wpexplorer.com

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