Раскрывающееся меню, или подменю, включает дополнительные элементы, список которых раскрывается при наведении курсора или щелчке меню. Подменю позволяет сделать меню более удобным и структурированным. В этом руководстве показано, как создавать раскрывающееся меню.
В этом руководстве
Появились вопросы?
Спросите помощника на базе ИИЧтобы создать раскрывающееся меню, выполните следующие действия.
📌
Чтобы понять, какой раздел этого руководства вам нужен, откройте консоль и посмотрите пункт Внешний вид слева. Если там отображается Редактор, используйте раздел Редактор сайта этого руководства. В противном случае следуйте инструкциям в разделах Консоль или Конфигуратор.
В редактор сайта меню попадает из блока «Навигация». Чтобы создать раскрывающееся меню, выполните следующие действия.
- В консоли перейдите в раздел Внешний вид → Редактор.
- Выберите шаблон или часть шаблона, которые нужно отредактировать, или щёлкните по миниатюре предварительного просмотра сайта в правой части экрана, чтобы открыть редактор главной страницы.
- Откройте представление в виде списка в верхнем левом углу экрана (значок, состоящий из трёх горизонтальных линий одна над другой).
- Выберите Блок «Навигация» (он может быть вложен внутри других блоков, таких как Заголовок, Группа или Строка).
- В настройках боковой панели справа наведите курсор на пункт меню и щёлкните по трём точкам.
- Если боковая панель не отображается справа, нажмите значок настроек в правом верхнем углу экрана, чтобы открыть настройки. Этот значок выглядит как квадрат с двумя неравными колонками.
- Нажмите ссылку «Добавить подменю».
- Выберите первую страницу, которая должна появиться в раскрывающемся списке.
- Повторяйте эту процедуру до тех пор, пока не будут добавлены все нужные элементы меню.
- Нажмите «Сохранить», чтобы сохранить изменения.
Можно также создать раскрывающееся меню с помощью панели инструментов блока «Навигация».
- Щёлкните по элементу меню, который вы хотите преобразовать в раскрывающийся список.
- Над элементом меню появится панель инструментов, на которой вы найдёте кнопку Добавить подменю (значок выглядит как изогнутая стрелка с тремя горизонтальными линиями рядом с ней).
- Нажмите кнопку «Добавить подменю» на панели инструментов, чтобы преобразовать этот элемент меню в раскрывающееся меню.
- Щёлкните по отобразившемуся значку + или по появившейся опции
Добавить ссылку, чтобы добавить новые ссылки к раскрывающемуся меню. - Нажмите Сохранить, чтобы сохранить изменения.
Вы можете создать неинтерактивный элемент меню, что иногда бывает необходимо при создании раскрывающихся меню. Всё дело в том, чтобы использовать символ # в качестве ссылки элемента меню. Сам элемент может по-прежнему быть интерактивным, но он не будет вести на другую страницу. Чтобы создать неинтерактивный элемент меню, выполните следующие действия.
📌
Чтобы понять, какой раздел этого руководства вам нужен, откройте консоль и посмотрите пункт Внешний вид слева. Если там отображается Редактор, используйте раздел Редактор сайта этого руководства. В противном случае следуйте инструкциям в разделах Консоль или Конфигуратор.
В редактор сайта меню попадает из блока «Навигация». Чтобы создать неинтерактивный элемент меню, выполните следующие действия.
- В консоли перейдите в раздел Внешний вид → Редактор.
- Выберите шаблон или часть шаблона, которые нужно отредактировать, или щёлкните по миниатюре предварительного просмотра сайта в правой части экрана, чтобы открыть редактор главной страницы.
- Откройте представление в виде списка в верхнем левом углу экрана (значок, состоящий из трёх горизонтальных линий одна над другой).
- Выберите Блок «Навигация» (он может быть вложен в другие блоки, такие как Заголовок, Группа или Строка).
- Нажмите кнопку + инструмента вставки блоков, чтобы добавить новый элемент меню.
- В появившемся окне щёлкните «Добавить блок» и выберите опцию «Пользовательская ссылка».
- Введите символ # и нажмите на клавиатуре клавишу Ввод или Назад.
- Нажмите значок «Карандаш», чтобы отредактировать элемент меню. Введите текст элемента меню в поле «Текст». Чтобы сделать ссылку неактивной, оставьте в поле «Ссылка» только символ #.
- Нажмите кнопку «Сохранить».
Вы также можете отредактировать существующую ссылку на меню, чтобы сделать её неинтерактивной. Щёлкните по имеющемуся элементу меню. Над ним появится панель инструментов, где находится кнопка «Ссылка» (значок выглядит как звено цепочки). Отредактируйте элемент меню и замените текущую ссылку символом #. GIF-файл ниже демонстрирует весь процесс.
Поддержка 