> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Управление колонками

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

**Содержание**:
* [Секции блока](#1-sekcii-bloka)
* [Управление колонками:](#1-upravlenie-kolonkami)
      * [Добавление колонок в блок](#3-dobavlenie-kolonok-v-blok)
      * [Настройки колонок](#3-nastrojki-kolonok)

# Секции блока

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

Нажмите на значок шестеренки, чтобы открыть настройки блока, где вы сможете управлять отображением секций — какие именно из них присутствуют или скрыты в блоке:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-1_8cvhiv.png)
|| ${color}[#ffa800](Примечание:) скрытие секции не является удалением. Если какой-то контент для вас временно неактуален, вы можете скрыть соответствующую секцию, а в будущем снова активировать её — добавленные ранее колонки, элементы и контент будут сохранены.

| ${color}[#1aa900](Подсказка:) в блоках-коллекциях средняя секция будет состоять из взаимосвязанных карточек, имеющих одинаковую структуру (набор элементов), но разный контент. Подробнее о работе с этим типом блоков вы можете узнать [в статье](https://help.weblium.com/ru/article/nastrojki-elementov-kollekcii-7pzjpm/).

# Управление колонками

### Добавление колонок в блок

1. Наведите курсор на крайнюю левую колонку и нажмите **Добавить колонку**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-2_1iep707.png)
2. Если в секции добавлено несколько колонок, вы можете управлять их шириной: для этого наведите курсор на пустое пространство между колонками, зажмите разделитель и потяните его в нужную сторону:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-3_1lh7gsw.png)
3. Чтобы поменять колонки местами или переместить колонку в другую секцию, наведите курсор на колонку, зажмите значок перемещения и перетащите его в нужное вам место:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-4_a5bnvr.png)
|| ${color}[#ffa800](Примечание:) возможности переместить колонку в другой блок нет.

||| ${color}[#f97700](Важно:) возможности свободного позиционирования колонок нет. Воспользуйтесь [Flex-блоком](https://help.weblium.com/ru/article/dobavlenie-flex-block-dlya-proizvolnogo-raspolozheniya-elementov-3jo99o/), чтобы размещать элементы без привязки к стандартной структуре колонок (сетке).

3. Вы также можете удалить или создать дубликат целой колонки, нажав на три точки в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-5_84b61m.png)
| ${color}[#1aa900](Подсказка:) в этом меню вы также можете вставить ранее скопированный элемент. Узнайте больше о копировании элементов в нашей [статье](https://help.weblium.com/ru/article/kopirovanie-elementov-ylg5x2/).

### Настройки колонок

1. Чтобы открыть настройки колонки, наведите курсор на неё и нажмите на значок шестеренки в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-6_csriic.png)
2. Во вкладке **Вид** вы сможете:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-7_17lwilw.png)
* изменить промежуток между колонками ①

|| ${color}[#ffa800](Примечание:) эта настройка является общей для всех колонок секции.

* выровнять элементы в колонке ② 

| ${color}[#1aa900](Подсказка:) для элемента «Текст» вы можете установить отдельное выравнивание, которое может отличаться от настроек колонки. Статья [Управление элементом «Текст»](https://help.weblium.com/ru/article/upravlenie-elementom-tekst-1ietndq/) рассказывает о доступных настройках для этого элемента.

* установить вертикальные и горизонтальные отступы между элементами и краями колонки ③

|| ${color}[#ffa800](Примечание:) также для некоторых шаблонов может быть доступна опция «Стиль» при добавленном фоне колонки: она позволяет применить определенный готовый шаблон оформления колонки, например, с закруглёнными углами или тенями.

3. Перейдите на вкладку **Фон**, чтобы установить цвет или изображение в качестве фона колонки:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-8_j9vxmo.png)
4. При добавлении изображения в качестве фона у вас появятся новые возможности для редактирования — например, наложение фильтра или цвета:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-angl-9_4goad1.png)
|| ${color}[#ffa800](Примечание:) возможности добавить видео в качестве фона колонки нет.

| ${color}[#1aa900](Подсказка:) наша статья [Добавление фона на сайт](https://help.weblium.com/ru/article/dobavlenie-fona-na-sajt-1uwtdfa/) подробно рассказывает о доступных настройках фона блоков, которые аналогичны настройкам колонок.

5. На вкладке **Стиль** вы можете установить желаемое скругление углов вашей колонки и активировать обводку и тени:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ru-10_18bhi3g.png)
| ${color}[#1aa900](Подсказка:) узнайте больше о настройках теней в нашей [статье](https://help.weblium.com/ru/article/dobavlenie-teni-k-elementam-s6tu23/).

| ${color}[#1aa900](Подсказка:) некоторые блоки в Weblium также содержат элементы коллекции вместо колонок. Ознакомьтесь со статьёй [Настройки элементов коллекции](https://help.weblium.com/ru/article/nastrojki-elementov-kollekcii-7pzjpm/) для более подробной информации.
