Начинаем серию обучающих статей о работе с в зеро блоком. Первая часть будет о виджетах: как добавить текст, картинку, видео и другие объекты.
Заходим в редактор и добавляем секцию "Зеро-блок". Задаём высоту секции, она меняется двумя способами:
1. Курсором мыши потяните за нижнюю границу блока
2. Нажмите на кнопку "Слои" в верхнем правом углу и введите высоту секцию.
Текст
Наведите курсор на Виджет "Текст", выберите любой вариант и перетяните мышкой на зеро-секцию. Ширина секции ограничена сеткой, чтобы элемент полностью влезал на странице - вместите его в пределах сетки.
Редактор текста такой же как и на стандартных блоках в Креатиуме. Ширина виджета задается двумя способами:
1. Курсором потяните за левую или правую границу блока
2. В панели "Слои" вручную задайте ширину виджета
Картинки
Добавляем виджет "Картинки". Редактор позволяет загрузить картинку с компьютера или выбрать изображение с встроенных фотостоков Unsplash и Pixabay.
Изменить размер изображения можно потянув за край картинки курсором мышки или задать ширину в разделе "Слои". В обоих случаях картинка будет автоматически масштабироваться, т.е. пропорции картинки останутся начальными.
Фигуры
В разделе "Фигуры" находится 70 фигур. Выберите понравившуюся фигуру и перетащите в секцию. Фигура представлена цветным вектором, которое меняется на изображение или градиент.
Прямоугольник. Эти фигуры можно изменить пропорционально, закруглить, добавить тень и эффекты.
Вектор. Их нельзя изменить в пропорциях, как прямоугольники. Изменить размер можно потянув за край мышкой или задать ширину в разделе "Слои".
Удаление блоков
Наша страница начинает перегружаться, поэтому удалим 2-3 блока. Чтобы удалить элемент нужно нажать на него курсором, открыть «Слои» и нажать на кнопку удалить (иконка мусорной корзины). Второй вариант удаления — выбрать элемент и нажать кнопку Delete на клавиатуре.
Чтобы удалить сразу несколько элементов, зажмите кнопку Shift и нажимайте на рамку элементов, после чего удалите их кнопкой Delete.
Видео
Виджет "Видео" позволяет добавлять проигрыватель на зеро-секцию. Функционал работает как и в стандартом режиме, можно загрузить видео с YouTube и Vimeo, автоматически воспроизводить и зацикливать видео.
Карты
Виджет "Карты" позволяет добавить карту Яндекс или Google на зеро-секцию. Карта растягивается на нужную ширину, а также изменяется пропорционально.
Контейнер
Виджет "Контейнер" нужен для добавления элементов из стандартного функционала редактора. Работает это следующим образом: перетягиваем контейнер на секцию и задаем ширину. При нажатие на него открывается стандартное меню редактора. Выберите элемент и перетащите в контейнер. Таким образом в зеро-блок можно добавить любой элемент.
Чтобы вернуться к редактированию зеро-секции нажмите курсором мышки на пространство вне контейнера.
Иллюстрации
В виджете "Иллюстрации" находится 12 пакетов с иллюстрациями. Перетаскивайте элементы и создавайте композиции прямо в редакторе! Изменяйте размер, комбинируйте элементы, добавляйте фигуры. Иллюстрации станут классным дополнением к сайту.
На этом заканчиваем первую часть обзора зеро-блоков на Creatium.
Часть вторая доступна по ссылке.