Как использовать конструктор страниц BoldGrid с WordPress

Опубликовано: 2021-08-04
как использовать жирную сетку
Следуйте @Cloudways

BoldGrid - это легкий конструктор страниц с собственным визуальным редактором и некоторыми специфическими способами редактирования страниц и сообщений. Однако BoldGrid предлагает не только конструктор страниц, но также темы WordPress и некоторые плагины, такие как Total UpKeep, W3 Total Cache, BoldGrid Easy SEO, Inspirations и т. Д. Итак, для BoldGrid мы можем сказать, что это не только конструктор страниц, но и полное решение для всех, кто создает сайты на WordPress.

  • Почему стоит выбрать BoldGrid Page Builder?
  • Особенности BoldGrid Page Builder
  • BoldGrid Page Builder: плюсы и минусы
  • Цены и планы BoldGrid Page Builder
  • Системные требования / требования к хостингу для BoldGrid Page Builder
  • Установить и настроить BoldGrid Page Builder
  • Производительность BoldGrid Page Builder на Cloudways
  • Отзывы пользователей о BoldGrid Page Builder
  • Часто задаваемые вопросы

Почему стоит выбрать BoldGrid Page Builder?

По сравнению с другими конструкторами страниц WordPress, мы можем сказать, что он больше всего похож на WPBakery, и для всех, кто любит конструкторы внутренних страниц, BoldGrid может быть правильным решением. Есть много готовых блоков и шаблонов страниц, которые можно использовать в качестве стартера и редактировать. Так что даже для некоторых пользователей начального уровня это может быть хорошим решением. Однако он не очень интуитивно понятен и нагляден, поэтому я считаю, что целевая аудитория была немного более опытными разработчиками веб / WordPress.

Особенности BoldGrid Page Builder

BoldGrid не имеет многих популярных функций, таких как конструктор WooCommerce, конструктор заголовков, мегаменю и т. Д., Которые мы можем видеть в других конструкторах страниц. Он предлагает некоторые базовые функции, относящиеся к нижнему уровню отраслевых стандартов.

Редактор перетаскивания есть, но, на мой взгляд, не так прост в использовании и не интуитивно понятен. Изменить поведение и внешний вид каждого элемента и изменить содержимое довольно просто, а интерфейс выглядит великолепно и легко в использовании.

функции жирной сетки

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

Адаптивный дизайн полезен, и он является отраслевым стандартом, вы можете контролировать, какие блоки будут отображаться или скрываться на экранах разных размеров. И расширенные возможности для продвинутых пользователей, где у вас есть контроль над CSS и есть некоторые знания, необходимые для его эффективного использования и использования инструмента.

BoldGrid Page Builder: плюсы и минусы

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

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

Нет функции перетаскивания и редактора WooCommerce, а также сильно зависит от темы. BoldGrid также предлагает конструктор веб-сайтов, но он не является автономным и должен использоваться исключительно на их платформе.

Цены и планы BoldGrid Page Builder

Стоимость BoldGrid Website Builder довольно проста, есть только один план по цене 30 долларов в год.

жирная сетка цена

Требования к системе / хостингу

Несмотря на то, что я не смог найти никакой официальной информации о требованиях к хостингу, рекомендуется использовать последнюю версию WordPress, PHP, MySQL или MariaDB и немного больше ресурсов, чем обычно требуется.

Для целей тестирования я использовал VultrHF с 2 ГБ памяти PHP.

Установить и настроить BoldGrid Page Builder

BoldGrid доступен в репозитории WordPress, и вы можете легко загрузить его из панели инструментов WordPress → Плагины → Добавить новый и найдите BoldGrid Page Builder → установите и активируйте его. После активации он автоматически возьмет на себя управление редактором страниц и сообщений на панели инструментов WordPress.

жирные настройки сетки

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

  • Блоки BoldGrid
  • Премиум-блоки BoldGrid
  • Слайдеры
  • Виджеты блога
  • Премиум-поддержка

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

ключ API жирной сетки

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

настройка плагина

Нажмите «Настройки» на левой боковой панели и установите основные параметры, которые вам также будут заданы позже в многоэтапной настройке.

настройки компоновщика страниц жирным шрифтом

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

boldgrid серверный редактор

Когда вы нажмете «Добавить новую страницу / публикацию», вам будет предложено установить основные настройки. Если вы уже сделали это на предыдущем шаге, который я объяснил, вы можете пропустить это диалоговое окно многоэтапной настройки.

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

настройки внутреннего редактора

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

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

полужирные шаблоны сетки

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

Добавлять и редактировать блоки и компоненты будет довольно просто. Просто щелкните блок, который хотите отредактировать, и вы сможете редактировать любой контент внутри блока, поскольку весь конструктор является расширением редактора TinyMCE. После нажатия на блок вы также можете добавить компонент блока, и вы увидите небольшую панель инструментов в верхней части конструктора.

добавление компонентов жирной сетки

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

параметры цвета жирной сетки

Третий - это вопросительный знак, где вы можете выбрать один из трех вариантов помощи, он приведет вас либо к руководству, либо к базовой информации, либо к сообществу пользователей BoldGrid.

Четвертый - Фон, где вы выбираете или меняете фон для всего блока, строки или столбца.

добавление столбца жирной сетки

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

произвольная форма жирной сетки

Производительность BoldGrid Page Builder на Cloudways

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

- Результаты BoldGrid на GTMetrix

boldgrid результаты gtmetrix

- Результаты BoldGrid на Pingdom Tools

boldgrid результаты Pingdom

- Результаты BoldGrid на WebPageTest

boldgrid результат WebPageTest

Отзывы пользователей о BoldGrid Website Builder

Поскольку всегда важно проверять обзоры и рейтинги в репозитории плагинов WordPress.org, BoldGrid имеет отличные рейтинги и отличные отзывы, что также важно, он постоянно совершенствуется и обновляется до последней версии WordPress.

boldgrid обзоры

Резюме

По сравнению с современными конструкторами страниц он отстает по функциональности, UX / UI и многим другим аспектам. Для более продвинутых пользователей и людей, привыкших к бэкэнду WordPress и более простым решениям, BoldGrid может стать отличным выбором. Кривая обучения не крутая, и я бы сказал, что довольно легко понять основы и начать создавать сайт с их помощью.

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

Часто задаваемые вопросы

В. Является ли BoldGrid Page Builder бесплатным?

BoldGrid имеет бесплатный плагин, доступный в репозитории WordPress с ограниченными параметрами и блоками.

В. Есть ли в BoldGrid конструктор тем?

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

В. Есть ли в BoldGrid готовые шаблоны?

У него есть готовый шаблон, премиум-шаблоны весьма полезны. Однако дизайн немного устарел и старомоден.

В. Какая тема WordPress лучше всего подходит для BoldGrid?

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

В. Работает ли BoldGrid с WooCommerce?

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

В. Какую версию BoldGrid вам следует приобрести?

Если вы подумываете о его использовании, вам определенно необходима версия Pro. Было бы сложно создать и получить хорошие результаты с бесплатной версией.