> ## 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-sekciyi-bloku) * [Керування колонками:](#1-keruvannya-kolonkami) * [Додавання колонок до блоку](#3-dodavannya-kolonok-do-bloku) * [Налаштування колонок](#3-nalashtuvannya-kolonok) # Секції блоку Колонки розміщуються в секціях блоку — окремих рядах, розташованих один під одним. Усього доступно три секції: верхня, середня та нижня. Кожна з цих секцій може мати максимум **вісім** колонок та мінімум **одну**. Натисніть на іконку шестерні, щоб відкрити налаштування блоку, де ви зможете керувати відображенням секцій — які саме з них присутні або приховані у блоці: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-1_a1567m.png) || ${color}[#ffa800](Примітка:) приховування секції не є видаленням. Якщо певний контент для вас тимчасово неактуальний, ви можете приховати відповідну секцію, та, у майбутньому, активувати її повторно — додані раніше колонки, елементи та контент будуть збережені. | ${color}[#1aa900](Підказка:) у блоках-колекціях середня секція складатиметься з взаємоповʼязаних карток, які мають однакову структуру (набір елементів), але різний контент. Детальніше про роботу з цим типом блоків ви можете дізнатися у [статті](https://help.weblium.com/uk/article/nalashtuvannya-elementiv-kolekciyi-4wu8qn/). # Керування колонками ### Додавання колонок до блоку 1. Наведіть курсором на край наявної колонки і натисніть на **Додати колонку**: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-2_kd2eua.png) 2. Якщо у секції додано декілька колонок, ви можете керувати їхньою шириною: для цього наведіть мишку на порожній простір між колонками, затисніть роздільник і потягніть його у потрібний бік: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-3_h15rq.png) 3. Щоб поміняти колонки місцями чи перемістити колонку у іншу секцію, наведіть курсор на колонку, затисніть іконку переміщення та потягніть її у потрібне вам місце: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-4_j2hwby.png) || ${color}[#ffa800](Примітка:) можливості перемістити колонку в інший блок немає. ||| ${color}[#f97700](Важливо:) можливості вільного позиціонування колонок немає. Скористайтеся [Flex-блоком](https://help.weblium.com/uk/article/dodavannya-flex-block-dlya-vilnogo-roztashuvannya-elementiv-14n7ad8/), щоб розміщувати елементи без привʼязки до стандартної структури колонок (сітки). 3. Ви також можете видалити або створити дублікат цілої колонки, натиснувши на три крапки в правому верхньому куті: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-5_wppjmt.png) | ${color}[#1aa900](Підказка:) у цьому меню ви також можете вставити раніше скопійований елемент у колонку. Дізнайтеся більше про копіювання елементів у нашій [статті](https://help.weblium.com/uk/article/kopiyuvannya-elementiv-1nbb0om/). ### Налаштування колонок 1. Щоб відкрити налаштування колонки, наведіть на неї і натисніть на іконку шестерні у правому верхньому куті: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-6_w62ono.png) 2. У вкладці **Вигляд** ви зможете: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-7_10mfqnv.png) * змінити відстань між колонками ① || ${color}[#ffa800](Примітка:) це налаштування є спільним для всіх колонок секції. * вирівняти елементи в колонці ② | ${color}[#1aa900](Підказка:) для елемента Текст ви можете встановити власне вирівнювання, яке може відрізнятися від налаштувань колонки. Стаття [Керуванням елементом Текст](https://help.weblium.com/uk/article/keruvannyam-elementom-tekst-1c7wol5/) розповідає про доступні налаштування для цього елемента. * встановити вертикальні та горизонтальні відступи між елементами та краями колонки ③ || ${color}[#ffa800](Примітка:) також для певних шаблонів може бути наявна опція Стиль, при увімкненому фоні колонки: вона дозволяє застосувати певний готовий шаблон оформлення колонки, наприклад, заокруглені кути чи тіні. 3. Перейдіть у вкладку **Фон**, щоб встановити колір або зображення як фон колонки: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-8_1bizb77.png) 4. При додаванні фото як фону у вас відкриються нові опції для редагування — наприклад, накладення фільтру або кольору: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-9_wgotzu.png) || ${color}[#ffa800](Примітка:) можливості додати відео як фон колонки немає. | ${color}[#1aa900](Підказка:) наша стаття [Додавання фону сайту](https://help.weblium.com/uk/article/dodavannya-fonu-sajtu-kqwcrx/) детально розповідає про доступні налаштування для фону блоків, які є аналогічними до налаштувань колонок. 5. У вкладці **Стиль** ви можете встановити потрібне заокруглення кутів вашій колонці та активувати обведення та тіні: ![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/keruvannya-kolonkami-ukr-10_owjymh.png) | ${color}[#1aa900](Підказка:) дізнайтеся більше про налаштування тіней у нашій [статті](https://help.weblium.com/uk/article/dodavannya-tini-do-elementiv-647het/). | ${color}[#1aa900](Підказка:) деякі блоки на Weblium також містять елементи колекції замість колонок. Перегляньте статтю [Налаштування елементів колекції](https://help.weblium.com/uk/article/nalashtuvannya-elementiv-kolekciyi-4wu8qn/) для отримання більш детальної інформації.