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

В этой статье мне бы хотелось рассказать вам, как создать с помощью плагина 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.

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Вертикальное меню с раскрывающимися рубриками, плагин Collapsing Categories: 9 комментариев

  1. Федор

    У меня на блоге жены почему-то не работает исключение рубрики. Я хочу исключить рубрику которую назвал Ротаторы, ввожу название в соответствующее поле, все сохраняю, а рубрика так и не исчезает с сайта. Подскажите как это исправить

  2. Роман

    С записями проблем вообще не возникает. Но вот со страницами просто беда. Вообще не работает — все параметры излазил.

  3. Владимир

    Да, страницы не работают, рубрики-нормально, хотел отдельно сделать для рубрик дерево и для страниц дерево, в чем может быть проблема?

  4. Mariamrs

    У меня не исключалась рубрика, когда в ней были подрубрики. Если их убрать, то всё работает как надо.

  5. Владимир

    У меня на сайте есть рубрика «Новости» и метка «новости» с одинаковым ярлыком novosti.
    Так вот, эта рубрика не исключалась из навигации пока не поменял ярлык метки на novosti-2

  6. Уведомление: Плагин кеширования W3 Total Cash и его быстрая настройка | MnogoBlog

  7. Уведомление: Плагины для создания вертикального выпадающего меню (аккордион) | MnogoBlog

  8. Лена

    Спасибо большое. Очень пригодилось, так как стиль моей темы не позволяет под рубриками выводить подрубрики. Выводит всё под одним списком. Но теперь всё хорошо =)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>