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

Скачать исходники для статьи можно ниже

Вот такое меню вы сможете сделать после установки и настройки плагина Collapsing Categories.

Установка плагина  Collapsing Categories  стандартная – заходим в панель управленя сайтом, выбираем в левом меню пункт “Плагины”, далее подпункт “Добавить новый” и в строке поиска вводим название нашего плагина.

Информация о плагине на основе wordpress.org:

Количество скачиваний 82,813 раз.

Последняя версия  2.0.2 (2011.11.01).

Количество проголосовавших 70 человек.

Отличные показатели на мой взгляд.

Подобные плагины Moo Collapsing Categories.

Далее жмем кнопку установить и активизировать.  Теперь заходим в пункт “Внешний вид” в левом меню панели управления вашим сайтом, далее выбираем “Виджеты” и видим, что у нас появилься новый доступный виджет ” Collapsing Categories”, перетаскиваем его в Сайдбар (справа) и заходим в данный виджет:

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

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

Пункт «Title» (Заголовок) можете вписать свое название виджета. Link to: делает ее ссылкой.

Пункт «Показывать число записей» – тут все ясно.

Пункт Show Post Date – показывает дату публикации (если поставите галочку, то к названию поста прибавиться еще и дата его публикации).

Пункт «Sort Categories by» — установка порядка сортировки рубрик.

Здесь остановимся по подробнее:

Имеющиеся виды сортировки:

1.  category name – по алфавиту,

2. category ID – по ID рубрик,

3.  category Slug – по ярлыкам рубрик,

Вот здесь по подробнее:

Я использовал данную функцию, чтобы упорядочить свои рубрики и подрубрики.

Как создать ярлыки рубрик?

Для этого вам следует выбрать в левом меню вашей панели управления сайтом пункт “Записи” и подпункт “Рубрики”. У любой рубрики есть 4 параметра: имя, ярлык, родитель и описание. Поменять ярлык или добавить его можно если выбрать рубрику и нажать под ней на ссылку “Редактировать” .

Для обозначения ярлыков рубрик я использовал обычные цифры, причем для рубрики, которая должна быть на самом вверху я задал значение 1, для рубрики, которая должна быть под ней, значение 2 и т.д., для подрубрик я задавал значения: 01, 02 и т.д.

4.  category (term) Order – это пользовательский порядок рубрик (то есть созданный вами, ну например через плагин  My Category Order).

5.   category Count – по числу статей в рубрике.

Пунтк «Sort Posts by» определяет порядок сортировки статей (постов, записей). По умолчанию стоит сортировка по названиям (по алфавиту).

Пункт «Taxonomy Type» — определяет тип таксономии. Таксономия – это порядок сортировки статей на сайте.

Пункт «Post Type» — определяет, что будет показываться – статьи, страницы и т.д. (по умолчанию – Записи (Post)).

Пункт «Expanding Shows» определяет, что будет показываться – подрубрики и статьи или только подрубрики.

Пункт «Truncate Post Title to» определяет какой длины будет показываться заголовок статьи. При значении “0” (ноль) – заголовок будет показан полностью.

Пункт «Clicking on category name» определяет, что будет показываться, если кликнуть по наименованию рубрики. Оставляем по умолчанию – «Ссылка на архив рубрики».

Пункт «Expanding and collapse characters» определяет вид значка, который свертывает и разворачивает содержимое рубрик – подрубрики и статьи.

Пункт «Auto-expand these category» определяет рубрики, которые при посещении сайта будут в развернутом виде. Остальные рубрики будут в свернутом состоянии.

В этом пункте я развернул свою главную рубрику – это рубрика под навзванием WordPress, в которую включаются все остальные рубрики.

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

Пункт с чекбоксом «Exclude post X …» подключает довольно интересную функцию. Допустим одна и та же статья размещена у Вас в 2-х рубриках. Одну из этих рубрик Вы запретили к показу, тогда эта статья автоматически не будет показываться и во второй рубрике.

Пункт «Exclude posts older then» позволяет не показывать статьи старше какого-то периода. Значение 0 (ноль) – показывать все статьи, значение, например, 180 – не показывать статьи старше, чем полгода.

Достаточно интересный и нужный параметр, ну например если вы пишите про материал, который через какое-то время потеряет свою занчимость (новости, различные рейтинги и т.п.)

Пункт «Include RSS link» позволяет после заголовка рубрики написать (RSS) или показать символ (картинку) RSS. Актуально для тех сайтов, где есть RSS у каждой рубрики.

Пункт «Style» позволяет назначить стиль виджета на сайте. Попробуйте установить тот или иной стиль, посмотрите, подходит ли он к стилю сайта. Я оставил по умолчанию – Kubrick.

Далее у нас есть скрытые параметры, что бы их увидить нажимаем на Advanced options:

Пункт «When category X …» – этот пункт нужен, если у вас в какой-нибуд рубрике есть кроме подрубрик еще и много статей (этак 10-40), вот данный пункт создет для этих статей дополнительную подрубрику и помещает эти статьи туда – просто так компактнее смотриться.

Пункт «Accordion style» также, как и предыдущая строка, предназначена для экономии места, но работает по-другому. Стиль «Аккордеон» предполагает, что когда у Вас развернута одна рубрика, то другие рубрики автоматически сворачиваются, разворачиваете другую рубрику – сворачивается и первая, т.е. всегда в развернутом виде будет только одна рубрика.

Пункт «Remember expending and…» предлагает запоминать настройки свертывания/развертывания каждого посетителя, используя куки. Для компактности данную функцию лучше отключить.

Пункт «Show top level categories» обязательно должна быть подключена: она включает показ самих рубрик на сайте. Уберете галочку – в меню не будет рубрик, а только подрубрики и статьи.

Пункт «Expand categories…» — у меня на данном пункте стоит галочка, очень полезный пункт, то есть когда мы открываем конкретную статью (пост), то наше меню раскрывается, показывая в каких рубриках и подрубриках находится данный пост. Что-то наподобие плагина “хлебные крошки”.

Пункт «Post should come…» — размещение статей из подрубрик перед названием самой подрубрики.

Пункт «Show Empty Categories» определяет надо ли показывать «пустые» рубрики (в которых еще нет статей).

Пункт  «Show debugging information» – показывает отладочную информацию.

Заполнив все графы, нажимаете «Сохранить», переходите на сайт и любуетесь результатом деятельности плагина Collapsing Categories.