Шапка сайта

Время на чтение: 5 минут

circle-info

🌠 Шапка сайта (header) — это верхняя панель управления и первое, что видит пользователь, заходя на любую страницу онлайн-академии. Она содержит логотип, меню навигации и другие полезные элементы, которые обеспечивают удобство и функциональность.

Задачи шапки:

  • Упрощение навигации по страницам академии

  • Предоставление доступа к личному кабинету ученика и началу обучения

Шапка сайта присутствует на каждой странице академии и имеет различный вид в зависимости от статуса пользователя:

  • Авторизованный пользователь:

  • Неавторизованный пользователь:

Содержание раздела шапки сайта

В настройках Шапки сайта доступны следующие разделы:

№2. Раздел настройки шапки
  1. Логотип

  2. Кнопка, ведущая на страницу Мое обучение

  3. Меню, содержащее навигационные ссылки

  4. Поле вставки кода

circle-info

📜 Все изменения настроек и полей сохраняются автоматически.

Лого

Лого (логотип) — это визитная карточка академии. Нажав на Лого, пользователь возвращается на главную страницу.

Отключить Лого можно с помощью переключателя рядом с названием раздела.

Как загрузить новое Лого:

№3. Загрузка нового лого
  1. Кликните на область загрузки

  2. Выберите нужный файл

  3. Новый логотип автоматически вставится в шапку сайта

circle-info

☝️ Логотип можно загрузить только в формате PNG или SVG

Название кнопки

№4.  Название кнопки

Кнопка Шапки сайта доступна только авторизованным посетителям. Она ведет на страницу Мое обучение, где пользователь сможет начать или продолжить обучение:

№5. Кнопка Личный кабинет
circle-info

💡 Советуем называть кнопку в Шапке сайта и название страницы Мое обучение одинаково, чтобы пользователю было проще ориентироваться.

Меню

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

№6. Меню навигации

Как добавить новую ссылку?

№7. Добавление новой ссылки
  1. Раскройте необходимый Столбец

  2. Нажмите на + Добавить

  3. Введите Название ссылки

  4. Добавьте исходную ссылку в любом формате:

    1. Полный адрес - вся строка адреса. ❗️Внешние ресурсы надо указывать только в таком формате. Пример - https://reezonly.com/spacearrow-up-right

    2. Относительный адрес - только название страницы после /. Доступно для любой страницы вашего сайта. Пример - /main (полный адрес - https://reezonly.com/mainarrow-up-right)

    3. Якорные ссылки - используются для навигации по странице. При нажатии на такую ссылку страница пользователя будет пролистана до указанного "якоря". Пример - /#catalog (полный адрес - https://reezonly.com/#catalogarrow-up-right)

Вставка кода в шапку сайта

№8. Вставка кода в шапку сайта

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

circle-info

Если у вас возникли дополнительные вопросы, пожалуйста, не стесняйтесь обращаться к нашей службе поддержки 😃

Last updated