Сайдбар

13 июня 2023

Категории
Категории
Администратор
  • 5 мин
  • 192

Сайдбар — боковая панель на странице справа, где отображается дополнительное меню или меню вложенных страниц (вертикальное).

Страницы сайта и подстраницы (вложенные в них) могут иметь дополнительное меню или нет.

Варианты, как в CMS можно настроить вывод сайдбара:

  1. Не выводить сайдбар
  2. Вывод меню вложенных подстраниц
  3. Вывод дополнительного меню

Основные параметры, на которые ориентируемся для вывода/не вывода меню:

Заголовок сайдбара — название темы, обобщающей все вложенные страницы/доп.меню.

Показ — общая настройка вывода колонки под вертикальное меню:

  • Показать — вывод колонки (даже без заполненного меню и ссылок)
  • Скрыть — не выводит колонку, контент располагается по всей ширине контентной области

По умолчанию сайдбар (место под меню) выводится, и контент на странице сайта будет размещаться на 3/4 области контента.

Дополнительное меню — это общее меню для всех страниц сайта (при наличии заполненного дополнительного меню в cms):

  • Показать — будет выводить меню
  • Скрыть — не будет выводить меню

Текущая навигация — как выводить элементы меню, в котором текущая страница расположена:

  • Подстраницы — выводить в сайдбаре список вложенных страниц одного уровня
  • Дерево — выводить в сайдбаре иерархию всех вложенных страниц
  • Скрыть — скрыто на конкретной странице

Рассмотрим несколько вариантов:

 

Не выводить сайдбар

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

Если дополнительное меню на странице не предполагается, то нужно его отключить:

  • Заголовок сайдбара — не заполнять
  • Показ: Скрыть
  • Доп. меню: Скрыть
  • Текущая навигация: Скрыть

 

 

Результат на сайте — страница заполнена контентом по всей ширине контентной области.

Страница сайта без сайдбара

Дополнительное меню

Только дополнительное меню на всех страницах

Если в вертикальном меню основной и вложенных страниц нужно вывести только дополнительное меню — и не выводить вложенные страницы. Дополнительное меню вы настраиваете на свой лад в левой колонке административной панели в разделе «Дополнительное меню».

Вывести только дополнительное меню

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

У основной страницы:

  • Показ: Показать

  • Дополнительное меню: Показать

  • Текущая навигация: Скрыть

CMS, меню основной страницы

 

У вложенной страницы:

  • Показ: Наследовать
  • Дополнительное меню: Наследовать
  • Текущая навигация: Наследовать
CMS, меню вложенной страницы

Получаем: На основной странице и вложенных в нее страницах выводится только дополнительное меню.

Основная страница на сайте:

Сайт, меню основной страницы

 

Вложенная страница на сайте:

Сайт, меню вложенной страницы

Одинаковое меню (вложенное)

Одинаковое меню у страницы и ее подстраниц

Если в вертикальном меню основной страницы нужно вывести список вложенных подстраниц, и это меню должно повторяться на вложенных страницах.

Для этого необходимо настроить сайдбар у основной и всех вложенных страниц.

У основной страницы:

  • Показ: Показать
  • Доп. меню: Скрыть
  • Текущая навигация: Дерево
CMS, меню основная страница

У вложенной страницы:

  • Показ: Наследовать
  • Доп. меню: Наследовать
  • Текущая навигация: Наследовать
CMS, меню вложенной страницы

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

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

Основная страница на сайте:

Сайт, меню на основной странице

Наследуемое меню вложенной страницы:

Сайт, меню вложенной страницы

Разное меню (вложенное)

Разное меню у страницы и ее подстраниц

Если в вертикальном меню основной страницы нужно вывести вложенные страницы (второго уровня), а на вложенных страницах — вложенные уже в них страницы (третьего уровня).

Практическое использование более сложной иерархии страниц, когда уровней больше двух.

Для этого необходимо настроить сайдбар у основной и всех вложенных страниц.

У основной страницы:

  • Показ: Показать
  • Доп. меню: Скрыть
  • Текущая навигация: Подстраницы
CMS, Основная страница вывод меню

У вложенной страницы:

  • Показ: Наследовать
  • Доп. меню: Наследовать
  • Текущая навигация: Наследовать
CMS, меню вложенной страницы

Получаем: На основной странице выводится меню вложенных страниц (второго уровня), а у вложенных страниц — меню вложенных в них страниц (третьего уровня).

Основная страница на сайте:

Сайт, меню основной страницы

Собственное меню вложенной страницы:

Сайт, меню у вложенной страницы

Меню в меню (вложенное)

Расширенное меню для вложенных страниц

Если нужно в сайдбаре вывести у основной страницы — список вложенных страниц, а у вложенных страниц — этот же список, но расширенный вложенными в нее подстраницами.

Для этого необходимо настроить сайдбар у основной и всех вложенных страниц.

У основной страницы:

Показ: Показать
Доп. меню: Показать/Скрыть
Текущая навигация: Дерево

CMS, меню у основной страницы

У вложенной страницы:

  • Показ: Наследовать
  • Доп. меню: Наследовать
  • Текущая навигация: Наследовать
CMS, меню вложенной страницы

Получаем: На основной странице выводится меню вложенных страниц (второго уровня), а у вложенных страниц — расширенное меню, с учетом вложенных в них страниц (третьего уровня).

Основная страница на сайте:

Сайт, меню основной страницы

Расширенное меню вложенной страницы:

Сайт. Меню в меню у вложенных страниц

Двойное меню (вложенное + дополнительное)

Вложенное и дополнительное меню одновременно

Если в вертикальном меню основной и вложенных страниц нужно вывести одновременно — список вложенных страниц и дополнительное меню. Дополнительное меню, как было прописано ранее, вы настраиваете на свой лад в левой колонке административной панели в разделе «Дополнительное меню».

Для настройки двойного меню (вложенное + дополнительнок) необходимо настроить сайдбар у основной и всех вложенных страниц.

У основной страницы:

  • Показ: Показать
  • Доп. меню: Показать
  • Текущая навигация: Подстраницы
CMS, меню у основной страницы

У вложенной страницы:

  • Показ: Наследовать
  • Доп. меню: Наследовать
  • Текущая навигация: Наследовать
CMS, меню вложенной страницы

Получаем: на основной и вложенных страницах вертикальное меню состоит одновременно из вложенных страниц и дополнительного меню.

Двойное меню у основной страницы на сайте:

Сайт, меню вложенное+дополнительное у основной страницы

Двойное меню у вложенных страниц на сайте:

Сайт, меню вложенной страницы

Пункт меню — ссылка

Если в вертикальном меню нужно вывести ссылку на конкретные страницу или раздел, не являющиеся вложенными страницами к основной.

2 способа создания ссылки:

1. В верхнем меню административной панели выбрать Страницы -> Новый Ярлык -> Выбрать ссылку на нужную страницу/раздел в выпадающем списке, выбрать, куда поместить этот ярлык-ссылку, и сохранить.

2. В верхнем меню административной панели выбрать Страницы -> Новая страница -> Выбрать в Свойствах модуль «Ссылка в меню» в выпадающем списке -> Скопировать в пустое поле в Содержании ссылку на нужную страницу и сохранить.

Получаем: Дополнительная ссылка в меню

Сайт, пункт меню - ссылка