Шапка сайту — це верхній блок на сайті, який зазвичай відображається на всіх сторінках сайту. Вона показує бренд вашої компанії та забезпечує зручну навігацію на сайті.

Наша команда розробила зручну шапку сайту з широким діапазоном налаштувань. Ви можете додавати рядки та елементи на власний розсуд, а також налаштовувати анімацію та фон блоку.

У нижченаведених статтях ви можете знайти детальні інструкції щодо того, як:

• додати шапку сайту;
• змінити вигляд шапки сайту;
• змінити фон шапки сайту;
• додати елементи до шапки сайту.

Також ви можете переглянути наш короткий відеоурок про налаштування шапки сайту:

Додавання шапки сайту

1. Спочатку оберіть у галереї блок wireframe-series-1-header:

2. Ви можете додати блок до всіх сторінок сайту або тільки до поточної.

Зміна вигляду шапки сайту

Якщо ви плануєте додати до шапки сайту кілька елементів, — наприклад, меню, кнопки, соціконки — то вам буде зручніше розташовувати їх в окремих рядках. Таким чином, вони не будуть нагромаджуватися в одному місці, і сайт, як правило, буде виглядати акуратніше.

Додавання рядків до шапки сайту

1. Ви можете додати новий рядок у верхньому лівому куті блоку:

Важливо: максимальна кількість рядків у шапці сайту — 4.

2. Натиснувши на «шестерню» у верхньому лівому куті рядка, ви можете перемістити його в шапці сайту, видалити або перейти до його налаштувань:

3. У вкладці Вигляд ви можете змінити відступи рядка або додати декоратор між рядками:

Максимальне значення для відступів рядка — 120 px.

Зміна фону шапки сайту

1. У вкладці Фон ви можете додати колір рядка або зображення на фон:

2. Якщо ви додали зображення як фон рядка, ви побачите більше варіантів налаштування — наприклад, застосування фільтра або корекція кольору:

Додавання елементів до шапки сайту

Аби надати своїм клієнтам додаткову інформацію про ваш бренд, ви можете додати іконки соцмереж або інші елементи у верхню частину вашого сайту.

1. Кожен рядок шапки сайту містить 3 порожні поля, які можна заповнити. Аби додати до поля необхідний елемент, наведіть курсором на порожній розділ і натисніть на «шестерню», а потім оберіть елемент у новому вікні:

2. Після того, як ви додали елемент до вікна, ви можете доповнити його іншими елементами, натиснувши на знак «плюс» біля певного розділу:

3. Ви також можете налаштувати ширину контейнерів за допомогою роздільників, які розміщені поруч із ними. Для цього наведіть курсором на порожній простір між полями, клацніть на роздільник і перетягніть його в потрібному напрямку.

Здійснивши налаштування шапки, не забудьте опублікувати свій сайт, аби всі зміни збереглися.

Додаткові способи налаштування шапки сайту:

• Як зробити шапку сайту прозорою
• Як закріпити шапку сайту

Якщо у вас виникли проблеми з шапкою сайту, скопіюйте її назву та надішліть нам у чат або на support@weblium.com.

Оновлено: 05/12/2023