В заголовке размещается первый набор видимых элементов при загрузке вашего сайта. Вы можете расположить такие элементы, как логотип, навигационное меню и значки социальных сетей, так, как вам нравится, чтобы они отображались в заголовке.
В этой статье:
- Заголовок для рабочего стола
- Заголовок – Граница
- Заголовок – Таблетка
- Заголовок для мобильных устройств
- Типы заголовка
- Элементы заголовка
Вы можете управлять стилем заголовка (как для настольных компьютеров, так и для мобильных устройств) в разделе «Дизайн » (1).
Оказавшись в разделе «Дизайн», нажмите на вкладку «Заголовок » (2).
Кроме того, вы также можете использовать опцию поиска студии.
- Enter заголовок (1) в строке поиска.
- В соответствующих результатах щелкните значок Дизайн — шапка сайта вариант (2).
Заголовок для рабочего стола
- Макет заголовка – Проверьте текущую применяемую компоновку заголовка для компьютера версия. Нажать на Изменить макет кнопку, чтобы выбрать один из доступных вариантов макета заголовка и применить его к своему веб-сайту.
Мы предоставляем два типа макетов заголовков – верхние макеты заголовков и макеты заголовков с двумя столбцами. Макеты заголовков с двумя столбцами существуют в таких темах, как Burst и Isle. - Ширина – Укажите ширину заголовка как Полная ширина or Ширина сайта.
"Полная ширина' будет отображать заголовок, покрывая всю ширину, не оставляя поля.
"Ширина сайта' можно указать в Дизайн раздел. Здесь вы можете указать фиксированную ширину.
Он будет отображать заголовок, придерживаясь указанной фиксированной ширины. Узнать больше. - Вертикальное заполнение - Добавьте пробел (сверху и снизу) в заголовок вашего сайта (указанный в vh). Узнать больше.
- Поведение - Положение заголовка вашего рабочего стола может быть установлено на Fсмешанный (здесь шапка будет закреплена сверху, т.е. даже если страница прокручивается, шапка будет видна) или Прокрутка с сайтом (здесь заголовок будет прокручиваться вместе со страницей).
- Липкая навигация – Включить или отключить липкую навигацию в случае Sпрокрутка с сайтом положение заголовка.
- Важная меню – Установите положение липкого меню при прокрутке страницы влево или в центр экрана.
Для закрепленной навигации заголовок будет отображаться после прокрутки начального раздела наполовину на экране.
Посмотрите заполнение заголовка в действии:
Посмотрите на заголовок на работающем сайте.
См. различные макеты заголовков рабочего стола
См. различные макеты заголовков с двумя столбцами на рабочем столе.
Макеты заголовков на основе поиска, ориентированные на поиск по веб-сайтам.
Заголовок – Граница
- Граница: Включите или отключите границу заголовка.
- Толщина: Укажите ширину линий границ заголовка.
- Позиция: Установите положение границы заголовка. У вас есть четыре варианта: «Все стороны», «Сверху и снизу», «Только сверху» и «Только снизу».
Заголовок – Таблетка
Заголовок в форме таблетки в Pixpa придаёт вашему сайту элегантный современный вид благодаря закругленным углам и гибкой настройке интервалов. Этот дизайн идеально подходит для творческих людей и профессионалов, которые хотят сделать свой заголовок визуально выразительным и стильным.
Этот стиль можно применить к любому макету заголовка , что дает вам полную свободу в дизайне для различных типов заголовков.
- Заголовок – Таблетка: Включите переключатель «Заголовок – Таблетка», чтобы активировать стиль «таблетка» для заголовка.
- Угловой радиус: Отрегулируйте скругление углов заголовка с помощью ползунка или поля Радиус угла. Более высокие значения сделают углы более скругленными.
- Верхняя обивка: Укажите расстояние над содержимым в заголовке таблетки для управления вертикальным интервалом.
- Нижняя обивка: Определите пространство под содержимым, чтобы обеспечить сбалансированный внешний вид.
- Компактная ширина: Это позволяет вам выбрать ширину заголовка вашей таблетки:
- Полная ширина: Растягивает заголовок на всю ширину экрана.
- Ширина участка: Выравнивает заголовок по ширине всего содержимого сайта.
- Компактность: Уменьшает заголовок до более плотного, центрированного блока — идеально подходит для минималистичного дизайна.
Заголовок для мобильных устройств
Эти настройки позволяют управлять отображением заголовка вашего сайта на мобильных устройствах. Это обеспечивает понятный и оптимизированный макет для небольших экранов.
- Планировка – Проверьте текущую применяемую компоновку заголовка для мобильный версия. Нажать на Изменить макет кнопку, чтобы выбрать один из доступных вариантов макета заголовка и применить его к своему веб-сайту.
- Вертикальный отступ – Добавить Вертикальное пространство (сверху и снизу) в заголовок вашего сайта на мобильных устройствах (указан в vh).
- Мобильный заголовок – Укажите, хотите ли вы, чтобы мобильный заголовок отображался только на мобильных устройствах (до 768 пикселей) или чтобы он отображался также и на планшетных устройствах (до 1199 пикселей).
После внесения изменений обязательно нажмите кнопку «Опубликовать» , чтобы они отобразились на вашем сайте.
См. различные макеты мобильных заголовков
- Символ точки в заголовке мобильного телефона относится к учетным записям клиентов.
- Будет видно, что в магазине включена опция «Учетная запись клиента». Узнать больше.
Типы заголовка
Вы можете выбрать один из четырех различных типов заголовков:
Обычный заголовок
Обычный макет заголовка имеет чистый и простой дизайн с логотипом, навигационными ссылками, значками социальных сетей и кнопкой меню, расположенными горизонтально. Он идеально подходит для обеспечения классического и удобного просмотра страниц.
Заголовок из двух столбцов
Макет заголовка из двух столбцов делит заголовок на две отдельные части, позволяя разместить логотип и социальные значки слева или по центру, а меню навигации и другие элементы заголовка справа в качестве интерактивной боковой панели.
Этот макет идеально подходит для веб-сайтов, которым необходимо одновременно подчеркнуть как свой бренд, так и важные действия.
Заголовок на основе поиска
Макет заголовка на основе поиска заметно включает в себя панель поиска, что позволяет пользователям быстро находить определенный контент. Этот дизайн особенно полезен для веб-сайтов с большим количеством контента, где функциональность поиска является основным приоритетом.
Элементы заголовка
- Логотип / Название сайта — Самый первый элемент шапки сайта — логотип/название сайта. Установить название сайта/загрузить логотип сайта для вашего сайта.
Примечание: Если вы не загрузили логотип сайта, название сайта появится в шапке вашего сайта. Кроме того, если вы указали и то, и другое, логотип сайта будет виден в шапке вашего сайта. - Меню - Menu — Еще один элемент шапки сайта — меню (ссылки меню). Ты можешь упорядочить ссылки навигации по сайту, or удалить/скрыть любой пункт меню с вашего сайта.
- Социальные иконки - Вы можете добавить Социальные иконки которые связаны с вашими профилями в социальных сетях в шапке вашего сайта. Вы можете загрузить изображение для обмена в социальных сетях который будет использоваться в качестве эскиза, когда веб-сайт или любая из страниц веб-сайта публикуются в социальных сетях. Кроме того, выберите, где Значки социальных сетей появится на вашем сайте. Доступные позиции: верхний колонтитул, нижний колонтитул, оба варианта или ни одного.
- Поисковая строка - Добавить поисковая строка который позволяет посетителям вашего сайта искать любой контент в продуктах (если на вашем веб-сайте включен магазин), изображениях, сообщениях блога и страницах (галереях, папках и других страницах) в заголовке вашего сайта.
- Значок корзины - Добавить плавающий значок корзины это легко добраться и всегда видно, не мешая вашему веб-сайту в заголовке вашего сайта.
- Кнопка меню - Добавить кнопка меню в заголовок вашего сайта, т. е. кнопку призыва к действию, которая перенаправляет на указанный URL-адрес. Вы можете указать этикетка и URL для кнопки меню. Кроме того, выберите Размер кнопки быть Маленький, средний или большой.