Кластерный блок

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

Настройки блока на панели инструментов

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

Настройки блокировки в сайдбаре

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

Настройки фона

Блок предлагает четыре типа фона:

  • Никто
  • Изображение
  • Один цвет
  • Градиент

Фон изображения

Параметры фона изображения позволяют загрузить пользовательское изображение в качестве фона и определить другие дополнительные параметры:

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

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

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

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

Как изменить фоновое изображение

Фоновое изображение можно изменить, нажав на следующий значок:

Одноцветный фон

Опция позволяет определить один цвет фона блока.

Градиентный фон

Опция позволяет определить градиент фона блока.

Настройки границ

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

Настройки тени

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

Настройки высоты

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

Для кластерных блоков, которые вставляются внутрь блока «Столбцы», доступна дополнительная опция «Покрытие высоты столбца», которая будет подгонять высоту кластерного блока к полной высоте столбца, в который вставляется. Эта опция действует, если блок кластера — это только один блок, вставленный непосредственно в столбец. Конечно, вы можете вставить сколько угодно других блоков в блок Cluster.

Настройки ширины

Настройки ширины позволяют настроить ширину содержимого в блоке Cluster, который по умолчанию определен в Общие настройки макета в WordPress Customizer.

Ширина может быть изменена отдельно для разных размеров (содержимое, ширина и полная ширина), настроенных на панели инструментов блока кластера.

Настройки ширины доступны только при активном плагине Citadela Pro.

Мобильные настройки

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

Настройки интервала

Параметры позволяют определить отступы (интервалы) вокруг содержимого в блоке Cluster. Доступны три типа пробелов: Нет (интервал по умолчанию), 0 (ноль, без интервала), маленький и большой интервалы.