Создатели страниц уже давно обсуждаются в сообществе WordPress. Эти инструменты были популярны в течение долгого времени, но с появлением нового редактора блоков многие задались вопросом, насколько они актуальны.
Хотя редактор блоков – это новая интригующая функция, однако, когда дело доходит до разработки пользовательских страниц и сообщений, ничто не может сравниться с плагинами для построения страниц. Плагин Beaver Builder WordPress является прекрасным примером преимуществ такого рода предложений инструмента – быть одновременно простым в использовании и удивительно мощным.
В этом посте мы подробно рассмотрим Beaver Builder. Мы обсудим его ключевые функции и цены, а затем покажем вам, как он работает в действии, чтобы вы могли сами решить, подходит ли это решение для создания страниц для вашего веб-сайта.
Давайте сразу перейдем к нашему новому и улучшенному обновленному руководству по построителю страниц WordPress Beaver Build!
Зачем вам может понадобиться конструктор страниц WordPress
Если вы не новичок в этой платформе, вы, вероятно, знакомы с классическим редактором WordPress:
Функциональная, это всегда была простая система. Почти весь ваш контент был добавлен в одно поле, включая текст, мультимедиа и так далее. Создание уникальных макетов и добавление интересных функций было возможно, но часто требовалось ноу-хау кодирования и / или некоторые дополнительные плагины.
Однако недавно разработчики WordPress выпустили совершенно новую версию редактора, которая теперь работает на Gutenberg:
Это изменение было долгим, но в нем также нет ничего особенно нового. Редактор блоков – это упрощенная версия конструктора страниц – решение, которое уже некоторое время популярно среди пользователей WordPress.
Хотя каждый конструктор страниц WordPress отличается, на базовом уровне почти все они основаны на одной и той же фундаментальной концепции. Они предоставляют вам набор готовых элементов и позволяют создавать контент из этих частей. Цель состоит в том, чтобы упростить и сделать более интуитивно понятным создание контента с уникальными макетами и функциями, даже если у вас нет опыта проектирования или программирования.
Однако стоит отметить, что редактор блоков – это очень ограниченная функция. Он позволяет создавать сообщения и страницы более наглядно, но предлагает небольшую библиотеку блоков и небольшую поддержку сложных макетов. Вот почему все же стоит изучить другие варианты конструктора страниц – например, плагин, который мы будем обсуждать в оставшейся части этого сообщения.
Основы Beaver Builder
Информация и СкачатьПосмотреть демо
Beaver Builder – один из самых популярных плагинов для создания страниц, и не зря. Новичкам это просто освоить, но при этом предлагается широкий спектр возможностей для игры. На фундаментальном уровне это система перетаскивания для создания сообщений и страниц, как и любой другой конструктор страниц. Однако он также предлагает множество дополнительных функций.
Некоторые из ключевых функций этого плагина:
- Большая библиотека «модулей» контента, от базовых опций (таких как модули текста и изображений) до более продвинутых функций (призыв к действию, модули карты и галереи и т.д. ).
- Пользовательский интерфейс редактирования, который позволяет визуально создавать страницы, сообщения и пользовательские типы сообщений и сразу же видеть свои изменения.
- Возможность создавать сложные макеты из нескольких столбцов и настраивать размеры, интервалы и многое другое.
- Готовые разделы и шаблоны страниц, позволяющие начать процесс проектирования, которые можно изменять по мере необходимости.
- Возможность создавать и сохранять собственные шаблоны для последующего использования.
- Параметры для добавления пользовательского HTML и ваших собственных классов CSS для более продвинутых пользователей.
Конечно, все эти функции имеют свою цену. Хотя существует бесплатная версия Beaver Builder Lite, она предлагает только несколько базовых модулей и не включает многие основные функции, такие как шаблоны и параметры импорта / экспорта. Однако облегченная версия полезна для тестирования этого конструктора страниц и проверки того, нравится ли вам, как он работает.
Если вы планируете всерьез использовать Beaver Builder, вам нужно приобрести премиум-лицензию, чтобы получить доступ к полному пакету. Они начинаются с 99 долларов за использование на неограниченном количестве сайтов и один год поддержки:
Данный инструмент делает требует первоначальных вложений. Однако первоначальная стоимость может окупиться за счет сэкономленного времени и более эффективного веб-сайта в долгосрочной перспективе, так что это неплохая сделка, если она находится в пределах вашего бюджета.
Как начать работу с Beaver Builder
Когда вы сомневаетесь, стоит ли покупать новый плагин для своего сайта, лучше всего узнать о нем все, что можно. Когда дело доходит до конструкторов страниц, это включает в себя то, как они выглядят, как работают и какие параметры они предоставляют.
Имея это в виду, давайте рассмотрим, что значит взять Beaver Builder и начать использовать его для создания сообщений и страниц. Естественно, первое, что вам нужно сделать, это установить и активировать плагин.
Кроме того, вам нужно активировать лицензионный ключ, если вы приобрели премиум-версию (которую мы будем использовать в этом руководстве). Тогда вы можете приступить к работе.
Шаг 1. Откройте редактор Beaver Builder Editor
Когда вы установите плагин, вы увидите новую вкладку Beaver Builder на своей панели инструментов. Здесь будет сохранен ваш пользовательский контент – например, если вы создадите свои собственные уникальные шаблоны.
Вы также можете создавать контент с помощью конструктора страниц, выбрав Beaver Builder> Добавить новый. Кроме того, вы можете просто перейти на Страницы> Добавить новый (или аналогичный вариант для сообщений и настраиваемых типов сообщений). Вы увидите новую опцию:
Это означает, что вы можете создавать свой контент в редакторе WordPress по умолчанию или в конструкторе страниц. Нажмите кнопку «Запустить Beaver Builder» :
Как видите, вы попадете в совершенно новый интерфейс. Здесь вы можете создавать контент и точно видеть, как он будет выглядеть на странице.
Шаг 2: Выберите начальный шаблон
Стоит отметить, что вам не обязательно использовать шаблоны, если вы этого не хотите. Вы можете создавать свои страницы и сообщения полностью с нуля, добавляя любые модули, которые вам нравятся. Однако самый простой способ научиться этому – начать с шаблона, который мы здесь и продемонстрируем.
В меню в правой части редактора выберите вкладку «Шаблоны» вверху, и вы увидите множество вариантов. Просто нажмите на шаблон или перетащите его на страницу, и вы увидите полную версию:
Это дает вам начальный макет, а также текст и изображения-заполнители. К счастью, каждый элемент здесь можно по желанию заменить и изменить, так что вы можете создать что-то уникальное для своего веб-сайта.
Шаг 3. Отредактируйте отдельные модули
Каждый отдельный элемент в редакторе Beaver Builder представляет собой автономный модуль. Чтобы понять, что мы имеем в виду, вы можете навести курсор на фрагмент текста, изображение или функцию в стартовом шаблоне. Вы увидите модуль, обведенный синим цветом, и если вы нажмете на него, вы увидите новое меню:
Это окно настроек для этого модуля. Он содержит все параметры настройки для выбранного фрагмента контента. Таким образом, именно то, что он включает, будет зависеть от типа контента, с которым вы работаете.
Например, модуль «Фото» позволяет вам изменить используемый файл и добавить заголовок и / или ссылку. Вы также можете переключиться на вкладку Style, чтобы изменить выравнивание изображения, границу и многое другое:
В большинстве модулей также есть вкладка Advanced, где вы можете настроить ее поля, сделать ее видимой только на определенных типах устройств, добавить собственный HTML-код и т.д.
Как видите, настроить модули Beaver Builder несложно. Потребуется немного опыта, чтобы ознакомиться с опциями, которые предлагает каждый тип модуля, но как только вы это сделаете, вы сразу же обнаружите, что добавляете свой собственный контент.
Шаг 4. Настройте организацию и макет вашего контента
Помимо внесения изменений в отдельные модули, вы также можете настроить свою страницу в целом. Один из способов сделать это – добавлять и удалять модули. Чтобы добавить модуль, просто выберите его в главном меню редактора и перетащите его на место на странице:
С другой стороны, вы можете удалить модули, нажав X, который появляется при наведении на них курсора. Вы также можете перетаскивать модули вверх и вниз или из стороны в сторону, чтобы переставлять их по желанию.
Кроме того, вы можете изменить общий макет своей страницы. Чтобы увидеть пример этого в действии, наведите указатель мыши на модуль и нажмите «Редактировать столбец»> «Параметры столбца» :
Здесь вы можете найти параметры, относящиеся ко всем модулям в конкретном столбце. Вы можете, например, изменить цвет фона и интервал столбца и даже добавить границу.
Теперь наведите указатель мыши на фон страницы и выберите «Параметры строки» в правом верхнем углу:
Вы увидите аналогичное меню, но на этот раз параметры применяются к соответствующей строке модулей. Вы можете установить для строки фиксированную или полную ширину, настроить цвета и сделать многие из тех же изменений, что и для столбцов.
Наконец, снова выберите главное меню редактора и перейдите на вкладку Rows :
Здесь вы можете добавлять на страницу новые строки и столбцы, что позволяет кардинально изменить ее макет. Кроме того, это первое место, куда вы захотите пойти, если вы создаете страницу или публикацию с нуля. Вы можете сначала определить макет вашего контента, а затем добавлять модули, где захотите.
Шаг 5. Расширьте набор функций Конструктора страниц (необязательно)
Стоит отметить, что в Beaver Builder есть много других функций и опций – здесь мы коснулись лишь поверхности. Однако мы рассмотрели ключевые функции, которые вам необходимо понять, чтобы начать работу. После этого практический подход – лучший способ освоить канаты.
Однако прежде чем закончить, мы должны указать, что есть несколько способов получить больше от этого конкретного конструктора страниц. Во-первых, есть официальная тема Beaver Builder, которую вы получаете бесплатно с двумя верхними уровнями лицензирования:
Вы можете использовать Beaver Builder с любой темой, которая вам нравится. Однако он построен с нуля, чтобы работать вместе со конструктором страниц. Он обеспечивает базовую структуру, которую можно преобразовать в различные типы и стили веб-сайтов.
Также есть дополнительное дополнение Beaver Themer :
С помощью этого дополнительного плагина вы также можете использовать конструктор страниц с перетаскиванием Beaver Builder для верхних и нижних колонтитулов вашего сайта, страниц архива, страниц 404 и поиска и т.д. Это позволяет вам создать практически весь свой веб-сайт, используя одну и ту же систему.
При цене 147 долларов он может не вписаться в любой бюджет, но это полезное дополнение для веб-сайта, который вы собираетесь монетизировать, или для разработчиков и дизайнеров, работающих над несколькими сайтами.
Выбор конструктора страниц для вашего сайта – серьезное обязательство. Изменение способа создания и дизайна контента в будущем может вызвать проблемы с совместимостью, поэтому лучше всего начать с инструмента, который, как вы знаете, вы будете счастливы использовать в долгосрочной перспективе.
К счастью, Beaver Builder – отличный вариант как для новичков, так и для более опытных пользователей. Кроме того, как вы видели выше, начать работу с ним несложно.
Вы когда-нибудь использовали Beaver Builder и каков был ваш опыт? Поделитесь с нами в разделе комментариев ниже!
Источник записи: https://www.wpexplorer.com