Добавление кастомного блока
Редактор Weblium позволяет создавать сайт с помощью заранее разработанных блоков, которые содержат в себе набор элементов. Если вам не подходит ни один из готовых вариантов в нашей галерее, вы можете создать ваш блок с нуля с помощью кастомного блока.
Видео ниже подскажет, как работать с пустым кастомным блоком:
Для этого наведите на пустое пространство на странице в редакторе и нажмите на кнопку «Добавить блок»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pereroblenij-kastom-1-ru_1fj7vul.png)
Перейдите на вкладку Пустые блоки в нашей галерее блоков и выберите Custom block:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pereroblenij-kastom-2-ru_114m38w.png)
После того, как вы добавили кастомный блок на сайт, вам нужно наполнить его элементами. Элементы являются основными компонентами каждого блока — например, галерея, разделители, список и многое другое.
Наведите курсор мыши на кастомный блок, нажмите на «плюс» и выберите нужные элементы во всплывающем окне:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1015_lmfclo.png)
Подсказка: чтобы детальнее узнать о доступных настройках элементов, обратитесь к статье Управление элементами.
Если вы планируете добавить в блок несколько элементов — например, изображение, текст и кнопки, тогда вам будет удобнее разместить их в отдельных колонках. Таким образом, вы можете настроить положение каждого элемента или изменить размер контейнера, в котором он находится.
Для этого наведите мышкой на края уже существующей колонки и нажмите на «плюс»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1016-1_1f0cbw6.png)
Вы также можете регулировать ширину колонок с помощью разделителей, которые находятся рядом с ними. Для этого наведите мышку на пустое пространство между колонками, нажмите на разделитель и потяните его в нужную сторону:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-990-2_1tnonva.png)
Кроме этого, вы можете удалить или дублировать всю колонку, нажав на троеточие в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1017_1ty4gn6.png)
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1018_sglpcu.png)
Во вкладке Вид вы сможете изменить расстояние между колонками в блоке, выравнивание элементов в колонке, настроить отступы между краями колонки и краями элемента в ней или изменить ее стиль — будут ли закругленные углы применены к колонке:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_nzvhxb.png)
Важно: параметры отступов или стиля доступны к редактированию только если добавлен фон к колонке.
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1018_sglpcu.png)
Перейдите во вкладку Фон и выберите цвет или изображение для фона к вашей колонке:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_4zybgh.png)
При добавлении фото у вас откроются новые опции для редактирования — например, наложение фильтра либо коррекция цвета:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1xz8m48.png)
Подсказка: чтобы продолжить работу над созданием сайта, ознакомьтесь со статьей Изменение дизайна блока.
Видео ниже подскажет, как работать с пустым кастомным блоком:
Добавление кастомного блока на сайт
Для этого наведите на пустое пространство на странице в редакторе и нажмите на кнопку «Добавить блок»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pereroblenij-kastom-1-ru_1fj7vul.png)
Перейдите на вкладку Пустые блоки в нашей галерее блоков и выберите Custom block:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/pereroblenij-kastom-2-ru_114m38w.png)
Добавление элементов в кастомный блок
После того, как вы добавили кастомный блок на сайт, вам нужно наполнить его элементами. Элементы являются основными компонентами каждого блока — например, галерея, разделители, список и многое другое.
Наведите курсор мыши на кастомный блок, нажмите на «плюс» и выберите нужные элементы во всплывающем окне:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1015_lmfclo.png)
Подсказка: чтобы детальнее узнать о доступных настройках элементов, обратитесь к статье Управление элементами.
Добавление колонок в кастомный блок
Если вы планируете добавить в блок несколько элементов — например, изображение, текст и кнопки, тогда вам будет удобнее разместить их в отдельных колонках. Таким образом, вы можете настроить положение каждого элемента или изменить размер контейнера, в котором он находится.
Для этого наведите мышкой на края уже существующей колонки и нажмите на «плюс»:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1016-1_1f0cbw6.png)
Вы также можете регулировать ширину колонок с помощью разделителей, которые находятся рядом с ними. Для этого наведите мышку на пустое пространство между колонками, нажмите на разделитель и потяните его в нужную сторону:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-990-2_1tnonva.png)
Кроме этого, вы можете удалить или дублировать всю колонку, нажав на троеточие в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1017_1ty4gn6.png)
Изменение вида колонки
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1018_sglpcu.png)
Во вкладке Вид вы сможете изменить расстояние между колонками в блоке, выравнивание элементов в колонке, настроить отступы между краями колонки и краями элемента в ней или изменить ее стиль — будут ли закругленные углы применены к колонке:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_nzvhxb.png)
Важно: параметры отступов или стиля доступны к редактированию только если добавлен фон к колонке.
Изменение фона колонки
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1018_sglpcu.png)
Перейдите во вкладку Фон и выберите цвет или изображение для фона к вашей колонке:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_4zybgh.png)
При добавлении фото у вас откроются новые опции для редактирования — например, наложение фильтра либо коррекция цвета:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/image_1xz8m48.png)
Подсказка: чтобы продолжить работу над созданием сайта, ознакомьтесь со статьей Изменение дизайна блока.
Обновлено на: 29/04/2024
Спасибо!