> ## 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).

# Добавление кастомного блока

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

Видео ниже подскажет, как работать с пустым кастомным блоком:

${youtube}[Работа с кастомным блоком | Конструктор сайтов Weblium](PXzLFMK4v8Y)

# Добавление кастомного блока на сайт

1. Для этого наведите на пустое пространство на странице в редакторе и нажмите на кнопку «Добавить блок»: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pereroblenij-kastom-1-ru_1fj7vul.png)

2. Перейдите на вкладку **Пустые блоки** в нашей галерее блоков и выберите **Custom block**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pereroblenij-kastom-2-ru_114m38w.png)

# Добавление элементов в кастомный блок

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

1. Наведите курсор мыши на кастомный блок, нажмите на «плюс» и выберите нужные элементы во всплывающем окне:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1015_lmfclo.png)

| ${color}[#1aa900](Подсказка:) чтобы детальнее узнать о доступных настройках элементов, обратитесь к статье [Управление элементами](/ru/article/upravlenie-elementami-cwl3pb/).

# Добавление колонок в кастомный блок

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

1. Для этого наведите мышкой на края уже существующей колонки и нажмите на «плюс»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1016-1_1f0cbw6.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-990-2_1tnonva.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1017_1ty4gn6.png)

# Изменение вида колонки

1. Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1018_sglpcu.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_nzvhxb.png)

||| ${color}[#ffa800](Важно:) параметры отступов или стиля доступны к редактированию только если добавлен фон к колонке.

# Изменение фона колонки

1. Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1018_sglpcu.png)

2. Перейдите во вкладку **Фон** и выберите цвет или изображение для фона к вашей колонке:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_4zybgh.png)

3. При добавлении фото у вас откроются новые опции для редактирования — например, наложение фильтра либо коррекция цвета:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1xz8m48.png)

| ${color}[#1aa900](Подсказка:) чтобы продолжить работу над созданием сайта, ознакомьтесь со статьей [Изменение дизайна блока](/ru/article/izmenenie-dizajna-bloka-s9tme4/).