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

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

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

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

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

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

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



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



Примітка: ми радимо додати шапку сайту до всіх сторінок. Таким чином, вона стане глобальним блоком, а зміни, внесені на одній сторінці, будуть застосовуватися до інших сторінок автоматично. Перегляньте статтю Глобальні блоки, аби дізнатися, як зробити блок глобальним.

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

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

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

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



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

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



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



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

Примітка: можливість додати декоратор з'являється лише в шапках сайту з двома або більше рядками. Майте на увазі, що ви не зможете додати декоратор до останнього рядка шапки вашого сайту.

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

Важливо: якщо у вас увімкнена прозорість для шапки, то щоб змінити її фон, що відображається під час прокручування сторінки, необхідно вимкнути прозорість, налаштувати фон та увімкнути її назад.

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



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



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

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

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

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



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



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



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

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

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

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

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

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