Редактор Studio Two: добавление меню сайта и управление ими

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

Меню помогает посетителям переходить между страницами сайта. В категории Меню на панели Добавить элементы варианты Горизонтальное, Вертикальное и Гамбургер добавляют меню, связанное со страницами сайта. Поэтому новые страницы автоматически появляются в этом меню.

1. Перейдите в редактор.

2. Наведите курсор на значок Добавить элементы в левом верхнем углу.

3. Выберите Элементы.

4. Нажмите значок Меню и поиск .

5. Нажмите значок Стрелка рядом с категориями, чтобы просмотреть список.

6. Выберите нужный тип меню и перетащите его на страницу: Горизонтальное меню, Вертикальное меню или Меню-гамбургер.

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

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

1. Перейдите в редактор.

2. Нажмите меню на холсте.

3. Нажмите Управление меню.

4. Выберите дальнейшее действие:

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

1. Перейдите в редактор.

2. Нажмите меню на холсте.

3. Нажмите Управление меню.

4. Выберите пункт меню, который станет заголовком раскрывающегося меню.

5. Переместите первый пункт в раскрывающееся меню:

   1. Перетащите нужный пункт меню под заголовок раскрывающегося меню.

   2. Наведите указатель на перетащенный пункт и нажмите значок Другие действия .

   3. Выберите Переместить под «Название страницы».

6. Повторите шаг 5 для всех остальных пунктов, которые хотите переместить в раскрывающееся меню.

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

Чтобы сделать макет компактнее, выберите меню-гамбургер. Оно отображается в виде значка, при нажатии на который открывается навигация. Такой вариант подходит для лаконичных макетов и страниц с ограниченным пространством.

1. Перейдите в редактор.

2. Нажмите меню на холсте.

3. Нажмите Изменить макет на панели действий.

4. Выберите нужный вариант в разделе Меню:

   • Панель меню: пункты меню отображаются на панели навигации. Откройте раскрывающийся список Ориентация и выберите Горизонтальная или Вертикальная.
     Совет: если вы выбрали горизонтальную панель меню, откройте раскрывающийся список Поведение пунктов, чтобы выбрать, что произойдет, если на экране посетителя недостаточно места для всех пунктов:

     • По размеру текста: меню расширяется, чтобы вместить все пункты.

     • Прокрутка: добавляется кнопка, с помощью которой посетители могут прокручивать дополнительные пункты.

   • Меню-гамбургер: посетители видят значок, при нажатии на который открывается меню. Этот вариант отлично подходит для лаконичных минималистичных макетов.

Вы можете создать сколько угодно меню, и в каждом из них будет свой набор пунктов.

При добавлении нового элемента меню выберите, какое меню в нем будет отображаться. Можно выбрать уже сохраненное меню или сразу создать новое.

1. Перейдите в редактор.

2. Нажмите меню на холсте.

3. Нажмите Управление меню.

4. Откройте раскрывающийся список под заголовком Какое меню отображается?.

5. В зависимости от нужного меню выполните следующие действия:

   • Существующее меню: выберите меню из списка.

   • Новое меню: 

     1. Нажмите Управление меню сайта.

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

     3. Введите название нового меню.
        Примечание: посетители не увидят это название.