Установка и настройка WPBakery: пять уровней, от глобального до точечного
WPBakery часто приходит вместе с темой — его устанавливают автоматически при активации шаблона. Поэтому «установка» здесь редко означает «скачать и подключить». Гораздо чаще задача звучит иначе: конструктор есть, страницы собираются, но что-то работает не так, как ожидалось. Разберём пять уровней настройки — от самых общих до точечных, чтобы понимать, где именно искать решение.
Первый уровень: общие настройки
Самый верхний слой. Находится в разделе WPBakery Page Builder в админке WordPress. Здесь задаётся то, что действует на весь сайт сразу.
Что важно настроить в первую очередь:
- Глобальная адаптивность — разрешено ли контенту «складываться» в столбик на маленьких экранах;
- Подключение шрифтов — какие наборы Google Fonts доступны в редакторе;
- Роли пользователей — кто из сотрудников может редактировать страницы, а кто нет;
- Доступ к настройкам — стоит ли ограничивать редактирование глобальных параметров.
Эти настройки редко трогают без причины. Но если их не проверить в начале, можно потом долго удивляться, почему на телефоне блоки ведут себя странно или почему редактор доступен всем подряд.
Второй уровень: роли и доступы
Отдельная зона, которая напрямую влияет на порядок в работе. WPBakery позволяет управлять правами для разных групп пользователей: администратор, редактор, автор. Для каждой роли можно включить или отключить отдельные возможности.
Что это даёт на практике: контент-менеджер сможет менять текст и картинки, но не сломает глобальные стили или не удалит шаблоны. Редактор увидит только те элементы, которые ему нужны для работы. Администратор получит полный доступ.
Без этой настройки обычно происходит одно из двух. Либо все имеют полный доступ и кто-то случайно ломает структуру. Либо доступ урезан настолько, что сотрудники не могут выполнить даже простую задачу и каждый раз обращаются к разработчику.
Третий уровень: адаптивность
Третий слой — то, как страницы ведут себя на разных устройствах. У WPBakery адаптивность настраивается в нескольких местах: глобально, на уровне строк, на уровне колонок и на уровне отдельных элементов.
По умолчанию контент «складывается» в один столбик, когда ширина экрана становится меньше определённого значения. Это работает, но не всегда так, как хочется. Иногда нужно, чтобы на планшете блоки располагались в два столбца, а на телефоне — по-другому. Иногда — чтобы какой-то элемент скрывался на мобильных, а вместо него показывался другой.
Настройки адаптивности находятся в параметрах строки или колонки, во вкладке Width & Responsiveness. Там можно задать ширину и отступы для каждого типа устройств отдельно. Это самая кропотливая часть работы, и именно здесь чаще всего обнаруживаются проблемы, которых не видно на компьютере.
Четвёртый уровень: кастомизация
Когда встроенных настроек не хватает, подключается кастомизация. WPBakery позволяет добавлять собственный CSS и JavaScript прямо из админки, не трогая файлы плагина или темы.
Что обычно решается на этом уровне: изменение внешнего вида конкретных элементов, добавление анимаций, которых нет в стандартном наборе, корректировка отступов под конкретную задачу. Это уже не «настройка», а доработка, но она делается штатными средствами и не ломается при обновлениях.
Важно: кастомизацию стоит применять точечно. Если правил становится слишком много, лучше пересмотреть структуру страницы, чем наращивать слой за слоем.
Пятый уровень: производительность
Последний уровень — не про внешний вид, а про то, как быстро сайт открывается. WPBakery начиная с версии 9.0 перешёл на модульную загрузку стилей: вместо одного большого файла на каждую страницу подгружается только то, что действительно нужно. Это заметно улучшило показатели скорости, но не отменило необходимости следить за общим весом страниц.
Что стоит проверить: не осталось ли лишних элементов, не дублируются ли стили, не тянут ли сторонние модули больше, чем нужно. Иногда достаточно отключить один ненужный набор виджетов, чтобы страница стала легче.
Что это значит на практике
Установка и настройка WPBakery — это не одна процедура, а пять уровней работы. Общие настройки задают рамки, роли определяют порядок, адаптивность отвечает за удобство на устройствах, кастомизация закрывает нестандартные задачи, производительность следит за скоростью.
Пропустить какой-то уровень можно, но тогда он напомнит о себе позже — в виде странного поведения на телефоне, случайно сломанной вёрстки или медленной загрузки. Мы настраиваем WPBakery регулярно и всегда проходим по этим уровням, чтобы сайт работал предсказуемо. Если у вас уже стоит WPBakery и что-то идёт не так — оставьте заявку на сайте. Посмотрим текущее состояние и скажем, какой уровень нужно поправить в первую очередь.