0️⃣

Работа в zero-блоке. Часть 1

Начинаем серию обучающих статей о работе с в зеро блоком. Первая часть будет о виджетах: как добавить текст, картинку, видео и другие объекты.

Заходим в редактор и добавляем секцию "Зеро-блок". Задаём высоту секции, она меняется двумя способами:

1. Курсором мыши потяните за нижнюю границу блока

2. Нажмите на кнопку "Слои" в верхнем правом углу и введите высоту секцию.

Текст

Наведите курсор на Виджет "Текст", выберите любой вариант и перетяните мышкой на зеро-секцию. Ширина секции ограничена сеткой, чтобы элемент полностью влезал на странице - вместите его в пределах сетки.

Редактор текста такой же как и на стандартных блоках в Креатиуме. Ширина виджета задается двумя способами:

1. Курсором потяните за левую или правую границу блока

2. В панели "Слои" вручную задайте ширину виджета

Картинки

Добавляем виджет "Картинки". Редактор позволяет загрузить картинку с компьютера или выбрать изображение с встроенных фотостоков Unsplash и Pixabay.

Изменить размер изображения можно потянув за край картинки курсором мышки или задать ширину в разделе "Слои". В обоих случаях картинка будет автоматически масштабироваться, т.е. пропорции картинки останутся начальными.

Фигуры

В разделе "Фигуры" находится 70 фигур. Выберите понравившуюся фигуру и перетащите в секцию. Фигура представлена цветным вектором, которое меняется на изображение или градиент.

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

Вектор. Их нельзя изменить в пропорциях, как прямоугольники. Изменить размер можно потянув за край мышкой или задать ширину в разделе "Слои".

Удаление блоков

Наша страница начинает перегружаться, поэтому удалим 2-3 блока. Чтобы удалить элемент нужно нажать на него курсором, открыть «Слои» и нажать на кнопку удалить (иконка мусорной корзины). Второй вариант удаления — выбрать элемент и нажать кнопку Delete на клавиатуре.

Чтобы удалить сразу несколько элементов, зажмите кнопку Shift и нажимайте на рамку элементов, после чего удалите их кнопкой Delete.

Видео

Виджет "Видео" позволяет добавлять проигрыватель на зеро-секцию. Функционал работает как и в стандартом режиме, можно загрузить видео с YouTube и Vimeo, автоматически воспроизводить и зацикливать видео.

Карты

Виджет "Карты" позволяет добавить карту Яндекс или Google на зеро-секцию. Карта растягивается на нужную ширину, а также изменяется пропорционально.

Контейнер

Виджет "Контейнер" нужен для добавления элементов из стандартного функционала редактора. Работает это следующим образом: перетягиваем контейнер на секцию и задаем ширину. При нажатие на него открывается стандартное меню редактора. Выберите элемент и перетащите в контейнер. Таким образом в зеро-блок можно добавить любой элемент.

Чтобы вернуться к редактированию зеро-секции нажмите курсором мышки на пространство вне контейнера.

Иллюстрации

В виджете "Иллюстрации" находится 12 пакетов с иллюстрациями. Перетаскивайте элементы и создавайте композиции прямо в редакторе! Изменяйте размер, комбинируйте элементы, добавляйте фигуры. Иллюстрации станут классным дополнением к сайту.

На этом заканчиваем первую часть обзора зеро-блоков на Creatium.

Часть вторая доступна по ссылке.