Команда Header містить перший набір видимих елементів під час завантаження веб-сайту. Ви можете розташувати такі елементи, як логотип, навігаційне меню та піктограми соціальних мереж, так, як вам подобається, щоб вони відображалися в заголовку.
У цій статті:
- Заголовок для робочого столу
- Заголовок – Межа
- Заголовок – Таблетка
- Заголовок для мобільних пристроїв
- Типи заголовків
- Елементи заголовка
Ви можете керувати стилем заголовка (як для комп’ютера, так і для мобільного) з Дизайн (1) розділ.
У розділі «Дизайн» натисніть Header (2) вкладка.
Крім того, ви також можете скористатися опцією пошуку студії.
- Enter Header (1) на панелі пошуку.
- У відповідних результатах натисніть на Дизайн - заголовок сайту варіант (2).
Заголовок для робочого столу
- Макет заголовка – Перевірте поточний застосований макет заголовка для робочий стіл версія. Натисніть на Змінити макет кнопку, щоб вибрати з доступних варіантів макета заголовка та застосувати його до свого веб-сайту.
Ми пропонуємо два типи макетів заголовків – макети верхнього заголовка та макети заголовків у два стовпці. Макети заголовків із двома стовпцями існують у таких темах, як Burst та Isle. - ширина – Вкажіть ширину заголовка як Повна ширина or Ширина сайту.
"Повна ширина' відображатиме заголовок, покриваючи всю ширину, не залишаючи полів.
"Ширина сайту' можна вказати в Дизайн розділ. Тут можна вказати фіксовану ширину.
Він відображатиме заголовок, дотримуючись указаної фіксованої ширини. Дізнайтеся більше. - Вертикальний відступ – Додайте простір (угорі та внизу) у заголовок веб-сайту (вказано у vh). Більше інформації.
- Поведінка – Можна встановити положення верхнього колонтитула на робочому столі Fфіксований (тут заголовок буде закріплений зверху, тобто, навіть якщо сторінка прокручується, заголовок буде видно) або Прокрутіть за допомогою сайту (тут заголовок буде прокручуватися разом зі сторінкою).
- Важка навігація – Увімкнути або вимкнути закріплену навігацію у випадку Sпрокручувати сайт положення заголовка.
- важливо меню – Встановіть положення закріпленого меню під час прокручування сторінки ліворуч або по центру екрана.
Для закріпленої навігації заголовок відображатиметься після того, як початковий розділ буде прокручено наполовину на екрані
Перевірте, як працює заповнення заголовка:
Подивіться на а Заголовок на активному сайті.
Дивіться різні макети заголовків робочого столу
Перегляньте різні макети заголовків робочого столу з 2 стовпцями
Макети заголовків на основі пошуку, зосереджені на пошуку на веб-сайті
Заголовок – Межа
- Межа: Увімкніть або вимкніть рамку для заголовка.
- Товщина: Вкажіть ширину ліній рамки для верхнього колонтитула.
- становище: Встановіть положення межі заголовка. У вас є чотири варіанти: усі сторони, верх і низ, лише верх і лише низ.
Заголовок – Таблетка
Команда Заголовок у формі таблетки у Pixpa додає елегантний, сучасний вигляд заголовку вашого веб-сайту за допомогою закруглені кути та гнучкість інтервалів. Цей дизайн ідеально підходить для творчих людей та професіоналів, які хочуть зробити свій заголовок візуально виразним та стильним.
Ви можете застосувати цей стиль до будь-який макет заголовка, що надає вам повну свободу дизайну для різних типів заголовків.
- Заголовок – Таблетка: Увімкніть перемикач «Заголовок – Таблетка», щоб активувати стиль таблеток для заголовка.
- Радіус кута: Відрегулюйте заокруглення кутів заголовка за допомогою повзунка або поля «Радіус кута». Вищі значення зроблять кути більш заокругленими.
- Верхній відступ: Вкажіть простір над вмістом у заголовку таблетки, щоб контролювати вертикальний інтервал.
- Нижня підкладка: Визначте простір під контентом, щоб забезпечити збалансований вигляд.
- Компактна ширина: Це дозволяє вам вибрати ширину заголовка вашої таблетки:
- Повна ширина: Розтягує заголовок на всю ширину екрана.
- Ширина сайту: Вирівнює заголовок по ширині загального вмісту вашого сайту.
- Компактний: Зменшує заголовок до щільнішого, центрованого блоку – ідеально для мінімалістичного дизайну.
Заголовок для мобільних пристроїв
Ці налаштування дозволяють вам контролювати, як заголовок вашого сайту відображається на мобільних пристроях. Це забезпечує чіткий та оптимізований макет для менших екранів.
- макет – Перевірте поточний застосований макет заголовка для мобільний версія. Натисніть на Змінити макет кнопку, щоб вибрати з доступних варіантів макета заголовка та застосувати його до свого веб-сайту.
- Вертикальні відступи – додавати Вертикальний простір (угорі та внизу) до заголовка вашого веб-сайту на мобільних пристроях (зазначених у vh).
- Мобільний заголовок – Вкажіть, чи потрібно, щоб мобільний заголовок відображався лише на мобільних пристроях (до 768 пікселів), чи також на планшетах (до 1199 пікселів).
Не забудьте натиснути Публікувати після внесення змін, щоб переконатися, що вони відображаються на вашому вебсайті.
Дивіться різні макети мобільних заголовків
- Символ крапки в заголовку мобільного телефону стосується облікових записів клієнтів.
- З’явиться лише те, що опцію облікового запису клієнта ввімкнено в магазині. Детальніше.
Типи заголовків
Ви можете вибрати один із чотирьох різних типів заголовків:
Звичайний заголовок
Звичайний макет заголовка має чіткий і зрозумілий дизайн із логотипом, навігаційними посиланнями, значками соціальних мереж і кнопкою меню, що відображаються горизонтально. Він ідеально підходить для класичного та зручного перегляду.
Заголовок із двома стовпцями
Макет заголовка з двома стовпцями ділить заголовок на дві окремі частини, дозволяючи розміщувати логотип і піктограми соціальних мереж ліворуч або в центрі, а меню навігації та інші елементи заголовка праворуч як бічну панель, яку можна натиснути.
Цей макет ідеально підходить для веб-сайтів, яким потрібно підкреслити і свій бренд, і важливі дії одночасно.
Заголовок на основі пошуку
Макет заголовка на основі пошуку помітно включає рядок пошуку, що полегшує користувачам швидкий пошук конкретного вмісту. Цей дизайн особливо корисний для веб-сайтів із великою кількістю вмісту, де функція пошуку є основною увагою.
Елементи заголовка
- Логотип / Назва сайту – Найпершим елементом шапки сайту є логотип/назва сайту. Встановіть назву сайту/завантажте логотип сайту для вашого сайту.
Примітка: Якщо ви не завантажили логотип сайту, назва сайту з’явиться в заголовку вашого сайту. Крім того, якщо ви вказали обидва, тоді логотип сайту буде видно в заголовку вашого сайту. - Меню – Ще одним елементом шапки сайту є меню (посилання на меню). Ти можеш послідовність навігаційних посилань сайту, or видалити/приховати будь-який пункт меню з вашого сайту.
- Соціальні іконки – Ви можете додати Соціальні іконки які пов’язані з вашими профілями в соціальних мережах, із заголовком вашого сайту. Ви можете завантажити a зображення в соціальних мережах який використовуватиметься як мініатюра, коли веб-сайт або будь-яка зі сторінок веб-сайту публікуватиметься в соціальних мережах. Крім того, виберіть, де значки соціальних мереж відобразиться на вашому веб-сайті. Доступні позиції: верхній колонтитул, нижній колонтитул, обидва або жодного.
- вікно пошуку - Додати до пошуку що дозволяє відвідувачам вашого сайту шукати будь-який вміст у продуктах (якщо на вашому веб-сайті ввімкнено магазин), зображеннях, публікаціях блогу та сторінках (галереях, папках та інших сторінках) у заголовку вашого сайту.
- Піктограма кошика – Додати плаваючий значок кошика який легко доступний і завжди видимий, не заважаючи вашому веб-сайту заголовку сайту.
- Кнопка меню - Додати до кнопка меню у заголовок вашого сайту, тобто кнопку із закликом до дії, яка переспрямовує на вказану URL-адресу. Ви можете вказати етикетка і URL для кнопки меню. Крім того, виберіть Розмір кнопки бути Малий, середній або великий.