Конструктор меню

Конструктор меню
Материал добавлен: 18 Июля 2016
Материал обновлен: 02 Декабря 2019

Меню сайта — один из основных функциональных элементов, состоящий из набора ссылок на ключевые страницы. По умолчанию в него входят ссылки на активные модули и стандартные страницы («Информация о сайте», «Обратная связь»). Конструктор меню позволяет изменить набор ссылок без редактирования HTML-кода шаблонов сразу для всех страниц сайта.

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

Вы можете создавать до 10 различных меню в рамках одного сайта.

Данная инструкция состоит из следующих шагов:

  1. Как узнать, используется ли конструктор меню на моем сайте?
  2. Редактирование меню
  3. Создание и размещение нового меню на сайте
  4. Адреса модулей системы

Как узнать, используется ли конструктор меню на моем сайте?

За отображение меню отвечают переменные вида $NMENU_n$. Подобные переменные встроены во все стандартные шаблоны.

В других случаях в панели управления нужно перейти в «Дизайн» / «Управление дизайном (шаблоны)» / «Глобальные блоки» и найти переменную в коде шаблона «Верхняя часть сайта»:

Не всегда меню размещается в указанном шаблоне, поэтому проверьте и другие: «Нижняя часть сайта», «Первый контейнер» и т.д.

Если вы разрабатываете свой шаблон, то включайте переменные меню в HTML-код. Когда покупаете шаблон в магазине или заказываете его разработку у фрилансеров, уточняйте, будет ли в шаблон встроен конструктор меню.

Редактирование меню

Чтобы отредактировать меню, перейдите в панель управления, откройте раздел «Дизайн» / «Конструктор меню»:

Выберите меню, которое хотите отредактировать:

Нажав по ссылке "Изменить" напротив меню сайта, вы сможете лишь изменить название меню:

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

Когда закончите редактирование, нажмите на кнопку «Сохранить».

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

Чтобы изменить пункт, напротив пункта меню находим иконку карандашика и жмем на нее:

Появится окно редактирования пункта меню:

  1. Название пункта. Отображается в списке пунктов меню, например, «Главная страница».
  2. URL-адрес. Будет открываться при нажатии на пункт меню.
  3. «Открывать в новом окне» добавляет атрибут target=”_blank” к ссылке.
  4. CSS-класс предназначен для индивидуального оформления. Используйте его, когда нужно выделить один или несколько пунктов меню.
  5. Применить изменения.

Когда закончите редактирование пункта меню, нажмите на кнопку «Сохранить».

Для добавления пункта меню нажмите на ссылку «Добавить пункт меню»:

и повторите действия по редактированию меню, которые мы рассмотрели ранее.

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

Чтобы внесенные изменения вступили в силу и отобразились на сайте, нажмите на кнопку «Сохранить»:

Создание и размещение нового меню на сайте

Чтобы создать новое меню, в панели управления откройте раздел «Дизайн» / «Конструктор меню» и нажмите на кнопку «Создать меню»:

Появится новое окно в котором вам нужно будет задать способ отображения меню и название:

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

Скопируйте переменную, которая отвечает за отображение меню в шаблоне (в нашем примере это $NMENU_2$).

В панели управления откройте раздел «Дизайн» / «Управление дизайном (шаблоны)» и в списке выше в «Глобальные блоки»:

Затем выполните следующие действия:

  1. Выберите подходящий глобальный блок для размещения меню
  2. Добавьте код в шаблон глобального блока
  3. Нажмите на кнопку «Сохранить»

Меню появится на сайте.

Другой способ разместить меню на сайте, включив конструктор из панели инструментов сайта, — отредактировать 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/
Конструктор меню