Редактор Weblium позволяет создавать сайт с помощью заранее разработанных блоков, которые содержат в себе набор элементов. Если вам не подходит ни один из готовых вариантов в нашей галерее, вы можете создать ваш блок с нуля с помощью кастомного блока.
Видео ниже подскажет, как работать с пустым кастомным блоком:
Добавление кастомного блока на сайт
Для этого наведите на пустое пространство на странице в редакторе и кликните на «плюс», чтобы добавить блок:
Перейдите на вкладку Кастомный блок в нашей галерее и выберите custom-block :
Добавление элементов в кастомный блок
После того, как вы добавили кастомный блок на сайт, вам нужно наполнить его элементами. Элементы являются основными компонентами каждого блока — например, галерея, разделители, список и многое другое.
Наведите курсор мыши на кастомный блок, нажмите на «плюс» и выберите нужные элементы во всплывающем окне:
Подсказка: чтобы детальнее узнать о доступных настройках элементов, обратитесь к статье Управление элементами.
Добавление колонок в кастомный блок
Если вы планируете добавить в блок несколько элементов — например, изображение, текст и кнопки, тогда вам будет удобнее разместить их в отдельных колонках. Таким образом, вы можете настроить положение каждого элемента или изменить размер контейнера, в котором он находится.
Для этого наведите мышкой на края уже существующей колонки и нажмите на «плюс»:
Вы также можете регулировать ширину колонок с помощью разделителей, которые находятся рядом с ними. Для этого наведите мышку на пустое пространство между колонками, нажмите на разделитель и потяните его в нужную сторону:
Кроме этого, вы можете удалить или дублировать всю колонку, нажав на троеточие в правом верхнем углу:
Изменение вида колонки
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
Во вкладке Вид вы сможете изменить расстояние между колонками в блоке, выравнивание элементов в колонке, настроить отступы между краями колонки и краями элемента в ней или изменить ее стиль — будут ли закругленные углы применены к колонке:
Важно: параметры отступов или стиля доступны к редактированию только если добавлен фон к колонке.
Изменение фона колонки
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
Перейдите во вкладку Фон и выберите цвет или изображение для фона к вашей колонке:
При добавлении фото у вас откроются новые опции для редактирования — например, наложение фильтра либо коррекция цвета:
Подсказка: чтобы продолжить работу над созданием сайта, ознакомьтесь со статьей Изменение дизайна блока.
Видео ниже подскажет, как работать с пустым кастомным блоком:
Добавление кастомного блока на сайт
Для этого наведите на пустое пространство на странице в редакторе и кликните на «плюс», чтобы добавить блок:
Перейдите на вкладку Кастомный блок в нашей галерее и выберите custom-block :
Добавление элементов в кастомный блок
После того, как вы добавили кастомный блок на сайт, вам нужно наполнить его элементами. Элементы являются основными компонентами каждого блока — например, галерея, разделители, список и многое другое.
Наведите курсор мыши на кастомный блок, нажмите на «плюс» и выберите нужные элементы во всплывающем окне:
Подсказка: чтобы детальнее узнать о доступных настройках элементов, обратитесь к статье Управление элементами.
Добавление колонок в кастомный блок
Если вы планируете добавить в блок несколько элементов — например, изображение, текст и кнопки, тогда вам будет удобнее разместить их в отдельных колонках. Таким образом, вы можете настроить положение каждого элемента или изменить размер контейнера, в котором он находится.
Для этого наведите мышкой на края уже существующей колонки и нажмите на «плюс»:
Вы также можете регулировать ширину колонок с помощью разделителей, которые находятся рядом с ними. Для этого наведите мышку на пустое пространство между колонками, нажмите на разделитель и потяните его в нужную сторону:
Кроме этого, вы можете удалить или дублировать всю колонку, нажав на троеточие в правом верхнем углу:
Изменение вида колонки
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
Во вкладке Вид вы сможете изменить расстояние между колонками в блоке, выравнивание элементов в колонке, настроить отступы между краями колонки и краями элемента в ней или изменить ее стиль — будут ли закругленные углы применены к колонке:
Важно: параметры отступов или стиля доступны к редактированию только если добавлен фон к колонке.
Изменение фона колонки
Чтобы открыть настройки колонки, наведите на нее и нажмите на «бегунок» в правом верхнем углу:
Перейдите во вкладку Фон и выберите цвет или изображение для фона к вашей колонке:
При добавлении фото у вас откроются новые опции для редактирования — например, наложение фильтра либо коррекция цвета:
Подсказка: чтобы продолжить работу над созданием сайта, ознакомьтесь со статьей Изменение дизайна блока.
Опубликовано: 14 / 06 / 2020