This article is also available in:
Хедер - глобальный блок, который находится вверху всех страниц сайта. Он служит для отображения брендинга компании, а также для навигации по сайту.

В первую очередь, подберите для себя подходящий тип хедера:



Вы сможете выбрать, добавить хедер на все страницы сайта или только на текущую:



Примечание: мы советуем добавить хедер на все страницы сайта. Так, он становится глобальным (сквозным), и все изменения в нем будут автоматически видны на всех страницах.

Затем вы можете отредактировать хедер, кликнув на “бегунок” в правом верхнем углу:



Во вкладке Layout  вы можете добавлять или убирать элементы из хедера, а также настроить отступы. Ниже пример настроек, доступных в этой вкладке:



Вы также сможете закрепить хедер наверху страницы, где он будет оставаться даже когда вы листаете страницу вниз:



Важно: эта опция доступна только для глобальных хедеров.

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



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



В разделе Animation вы сможете настроить появление элементов в хедере:



Помимо этого, вы можете сделать хедер прозрачным: 



В этом случае хедер сливается с блоком, следующим за ним, и перенимает его фон для сохранения места на странице.

Важно: это опия доступна только для глобальных хедеров.

В разделе Info вы можете узнать название блока либо переименовать его:



Кастомные хедеры

Если вы хотите самостоятельно кастомизировать хедер, выберите блок wireframe-series-1-header в галерее.

Во вкладке Layout в настройках этого блока вы можете выбрать его тип - количество строк, которые будут отображаться в хедере.


Чтобы перейти к их настройкам отображения, где можно изменить отступы или задний фон, нажмите на шестерёнку возле соответствующей строки:


В каждой строке есть по 3 секции для заполнения контентом. Чтобы добавить туда нужные элементы, наведите на пустую секцию и нажмите на плюс, затем выберите элемент во всплывающем окне:


Если у вас возникли проблемы с блоком, скопируйте его имя и пришлите нам в чат либо на support@weblium.com.
Была ли эта статья полезна?
отменить
Спасибо!