Конструктор меню
Меню сайта — один из основных функциональных элементов, состоящий из набора ссылок на ключевые страницы. По умолчанию в него входят ссылки на активные модули и стандартные страницы («Информация о сайте», «Обратная связь»). Конструктор меню позволяет изменить набор ссылок без редактирования HTML-кода шаблонов сразу для всех страниц сайта.
Когда вы добавляете страницы на сайт, они могут автоматически добавляться и в меню. Кроме того, при активации модуля ссылка на него также попадает в меню сайта. Однако при удалении страницы или модуля ссылка не будет удалена из меню.
Вы можете создавать до 10 различных меню в рамках одного сайта.
Данная инструкция состоит из следующих шагов:
- Как узнать, используется ли конструктор меню на моем сайте?
- Редактирование меню
- Создание и размещение нового меню на сайте
- Адреса модулей системы
Как узнать, используется ли конструктор меню на моем сайте?
За отображение меню отвечают переменные вида $NMENU_n$
. Подобные переменные встроены во все стандартные шаблоны.
В других случаях в панели управления нужно перейти в «Дизайн» → «Управление дизайном (шаблоны)» → «Глобальные блоки» и найти переменную в коде шаблона «Верхняя часть сайта»:
Не всегда меню размещается в указанном шаблоне, поэтому проверьте и другие: «Нижняя часть сайта», «Первый контейнер» и т.д.
Если вы разрабатываете свой шаблон, включайте переменные меню в HTML-код. При покупке шаблона в магазине или заказе его у фрилансеров уточняйте, будет ли в шаблон встроен конструктор меню.
Редактирование меню
Чтобы отредактировать меню, в панели управления откройте раздел «Дизайн» → «Конструктор меню»:
Выберите меню, которое хотите отредактировать:
Нажав на ссылку «Изменить» напротив меню сайта, вы сможете изменить только название меню:
Когда закончите редактирование, нажмите на кнопку «Сохранить».
Изменить порядок пунктов меню можно, перетащив их: наведите курсор на пункт, появится крестик и всплывающая подсказка «Переместить». Захватите и перетащите пункт в нужное место. По окончании нажмите кнопку «Сохранить».
Чтобы изменить отдельный пункт, напротив него нажмите на иконку карандашика:
Появится окно редактирования пункта меню:
- Название пункта. Отображается в списке, например, «Главная страница».
- URL-адрес. Ссылка, которая откроется при нажатии.
- Открывать в новом окне. Добавляет атрибут
target="_blank"
. - CSS-класс. Для индивидуального оформления пункта.
- Применить изменения.
Когда закончите редактирование пункта меню, нажмите на кнопку «Сохранить».
Чтобы добавить новый пункт меню, нажмите ссылку «Добавить пункт меню»:
и повторите описанные выше действия.
Чтобы внесённые изменения отобразились на сайте, нажмите кнопку «Сохранить»:
Создание и размещение нового меню на сайте
Чтобы создать новое меню, в панели управления откройте раздел «Дизайн» → «Конструктор меню» и нажмите кнопку «Создать меню»:
Появится окно, в котором нужно задать название и способ отображения меню:
Настройте меню, следуя шагам, описанным ранее.
Скопируйте переменную, которая отвечает за отображение меню (например, $NMENU_2$).
В панели управления откройте раздел «Дизайн» → «Управление дизайном (шаблоны)» → «Глобальные блоки»:
- Выберите нужный глобальный блок для размещения меню.
- Добавьте переменную в HTML-код блока.
- Нажмите кнопку «Сохранить».
Меню будет отображаться на сайте.
Другой способ разместить меню — отредактировать HTML-код глобального блока через панель инструментов сайта:
Адреса модулей системы
Ниже приведены адреса модулей, которые помогут указать правильные ссылки:
Модуль | Относительная ссылка | Пример абсолютной ссылки |
---|---|---|
Новости | /news/ | //example.com/news/ |
Блог | /blog/ | //example.com/blog/ |
Каталог сайтов | /dir/ | //example.com/dir/ |
Каталог статей | /publ/ | //example.com/publ/ |
Каталог файлов | /load/ | //example.com/load/ |
Доска объявлений | /board/ | //example.com/board/ |
FAQ | /faq/ | //example.com/faq/ |
Интернет-магазин | /shop/ | //example.com/shop/ |
Тесты | /tests/ | //example.com/tests/ |
Видео | /video/ | //example.com/video/ |
Форум | /forum/ | //example.com/forum/ |
Фотоальбомы | /photo/ | //example.com/photo/ |
Онлайн-игры | /stuff/ | //example.com/stuff/ |
Гостевая книга | /gb/ | //example.com/gb/ |