З плагина для создания раскрывающихся рубрик. Плагин WP-dTree


Плагин WP-dTreeдостаточно широко распространен в Рунете, он используется для создания динамически раскрывающихся рубрик на сайте, что облегчает пользователям поиск нужной и/или дополнительной информации. Мы попробуем установить и претестировать плагин версии 4.3.1 (самой последней из находящихся в депозитарии WordPress) на WordPress 3.3.1. Ниже Вы поймете, почему я об этом так подробно говорю.

Структура статьи:

  1. Скачивание и установка плагина WP-dTree
  2. Настройки плагина WP-dTree
  3. Настройки виджетов плагина
  4. Настройки виджетов WP-dTree Archives и WP-dTree Categories:
  • Настройка внешнего вида виджета
  • Настройка порядка сортировки и показа рубрик, подрубрик и статей

1. Скачивание и установка плагина WP-dTree

Если Вы будете скачивать плагин с сайта wordpress.org, то, несомненно, обратите внимание на то, что автор предлагает его с надеждой, что он будет полезен, но без всякой гарантии и даже без подразумеваемой гарантии, — все это несколько настораживает.

Чтобы Вам было легче искать плагин, я закачал его на свой сервер, поэтому скачать его, естественно, бесплатно можно ЗДЕСЬ. [Плагин скачан уже 533 раз(а)] .

Плагин WP-dTree находится в формате ZIP , поэтому устанавливать его на сайт можно прямо из консоли управления: «Плагины» — «Добавить новый». Установка его самая обычная, активация тоже, но после активации  Вас ждет неожиданность:

Плагин WP-dTreeРис.1

Честно сказать, после такого предупреждения пропадает желание продолжать с ним работать, но мы продолжим: для того и создан учебный сайт.

2. Настройки плагина WP-dTree

Настройки плагина находятся в админке – «Настройки» — «WP-dTree» (да, в настройках появилась новая строчка). Кликаем по ней, открывается страница настроек:

плагин WP-dTreeРис.2

Сразу хочу предупредить: к этим настройкам лучше всего обратить чуть позже, после установки виджетов в сайдбар, чтобы можно было на сайте посмотреть что к чему. Поэтому прямо сейчас перейдите на страницу «Виджеты» и перетащите их в сайдбар. Отличить от других их легко: их 5 штук и начинаются их названия с фразы WP-dTree. Потом возвращайтесь в настройкам.

В желтом квадрате – кто автор и его просьба помочь материально с помощью сервиса микроплатежей Flattr. Или купить ему книгу в магазине Amazon.com, стоимость — от 15 до 70 долларов. Еще там есть ссылка на форум поддержки, расположенный на wordpress.org (англоязычный).

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

Строка «Animate» подключает анимацию, т.е. рубрики могут сворачиваться/разворачиваться в течении какого-то промежутка времени. По умолчанию – не подключено. Чтобы включить эту функцию, надо поставить галочку в чекбокс и указать в окне количество миллисекунд. Потом попробуйте поставить 1000 (т.е. 1 сек) и посмотрите как это работает.

Строка «Disable WP-dTree's…» позволяет сменить стили CSS: если Вам не нравится стили, которые есть в плагине по умолчанию, то Вы можете их изменить. Для новичков это изменение будет несколько затруднительным, поэтому рекомендую оставить по умолчанию.

Строка «Include noscript fallbacks» подключает интересную функцию: если у Вашего посетителя отключен показ Java- скриптов, а такие есть (а меня у 32% посетителей Java отключена), то ему будет показываться другой вариант рубрик, но для этого создается дублирование раскрывающихся рубрик, архивов и т.д. Функция сама по себе полезная, ставим галочку.

Строка «Javascript escape method» — не знаю, что это такое. Языка Java не знаю, увы. Оставляем по умолчанию.

Закончив с настройками, надо нажать кнопку «Update setting», чтобы сохранить внесенные изменения. И теперь можно переходить к настройкам виджетов.

3. Настройки виджетов плагина WP-dTree

Когда я впервые увидел, что этот плагин создает 5 (!) виджетов, и сколько имеется настроек в каждом, то сначала опешил: это мне писать о них отсюда и завтрашнего обеда. Присмотревшись, я понял, что не так все страшно. Что ж, приступим, помолясь.

Сначала отбросим те, которые, по моему разумению, нам на сайте не нужны: таких я нашел 3 – Links, Pages  и Taxonomy и еще один – Archives – под вопросом (понятно, что в названии каждого виджета еще написано впереди WP-dTree, но это опускаю, т.к. вся статья про этот плагин).

Виджет Links показывает всякие нужные и не очень ссылки:

плагин WP-dTreeРис.3

Мне кажется, что этот виджет совершенно ни к чему. Убираем.

Далее идет виджет «Pages»: страниц у нас не так много, чтобы была необходимость в этом виджете – убираем.

Виджет «Taxonomy» — с ним я ничего не понял. Должны быть определены настройки показа, но мои попытки что-то изменить ни к чему не привели: наверно, я что-то не учел, не знаю. Оставляем все настройки по умолчанию и виджет из сайдбара убираем. Тем более, что он пока еще в бета-версии.

Виджет Archives показывает на сайте архивы по месяцам. Выглядит это так (развернутый вид):

плагин WP-dTreeРис.4

Мне кажется, что это ни к чему: у меня почти полтысячи статей и их список займет чрезмерно много места.  Но если Вы хотите оставить его на сайте – пожалуйста. Переходим к настройкам оставшихся двух виджетов.

4. Настройки виджетов WP-dTree Archives и WP-dTree

Настройки виджетов Archives и Categories практически идентичны. Показывать я буду на примере виджета Categories (Рубрики), настройки второго виджета (Архивы) сделайте по аналогии.

А). Настройка внешнего вида виджета WP-dTree Categories

Открываем этот виджет:

плагин WP-dTreeРис.5 Верхняя часть настроек

Строка Title – вписываем заголовок виджета, например, «Рубрики».

Строка «Cache» оставляем по умолчанию.

Далее меняем «open all» и «close all» на «открыть все» и «закрыть все». Можете изменить и разделитель (separator), поставив другой символ, например, дефис или слеш.

Строка «Use lines» и «Use icons» определяет показывать или нет линии, соединяющие папки, и подключать ли картинки папок и файлов в стиле Windows.

Строка « Close same level» подключает полезную функцию, когда раскрытой будет только одна папка, а остальные – в свернутом состоянии. Аналог стиля «Аккордеон» в плагине Collapsing Categories. Галочку оставляем.

Строка «Highlight selection», по идее, как-то должна выделять открытую статью в общем списке статей. Выделение зависит, видимо,  от  стилей Вашего шаблона. По крайней мере, у меня в установленном шаблоне никакого выделения не было, хотя я крутил и так, и этак, правда, в CSS не лазил, т.к. стараюсь во время тестирования делать только те вещи, которые будут делать и мои читатели.

Строка «Open to selection» раскрывает в списке рубрик ту, к которой относится открытая статья. Как-то коряво у меня это обьястнение получилось. Словом, Вы открываете какую-то статью и автоматически в списке рубрик раскрывается та рубрика, к которой эта статья относится, открываете другую статью – раскрывается другая рубрика и т.д. Своеобразный аналог «хлебных крошек» — показывает, где именно на сайте Вы находитесь. Вещь полезная – галочку оставляем.

плагин WP-dTreeРис.6. Средняя часть настроек

Строка «Truncate titles» определяет длину названия, значение 0 (ноль) – название показывается полностью (в сайдбаре в виджете «Рубрики», естественно) , устанавливаете другое значение, например, 50 – будет показано только первых 50 знаков. При этом подсказка (title) при наведении курсора будет содержать полное название статьи. Полезно для экономии места на сайте. Но тогда заголовки статей надо переделать: в начале заголовка должно стоять самое важное!

Строка «Exclude» позволяет исключить из навигации какие-то рубрики. Для этого надо перечислить ID рубрик, через запятую. Бывает полезным, например, если Вы участвует в статейных биржах и добавление статей на сайт идет в автоматическом режиме: качество и тематика статей зачастую просто повергает меня в шоковое состояние.

Как узнать ID рубрики (а заодно и статей, страниц, тэгов и т.д.)? Установите плагин Reveal IDs, тогда перечень рубрик у Вас в админке будет выглядеть так:

плагин WP-dTree

Рис.7

У Вас появится новая колонка ID (показана стрелкой), цифры в ней это и есть ID рубрик. Точно такая же картина будет и на других страницах со списками – статей и т.д.

Строка «Include» позволяет, наоборот, подключить какие-то рубрики. Эта строчка отличается от предыдущей, как я понимаю, вот чем: в той строке Вы из большого перечня рубрик какую-то рубрику удаляете, а в этой — из этого перечня разрешаете показывать только определенное – небольшое — число. Зачем это надо? Не знаю, голову сломал. Здесь надо точно так же указать через запятую ID рубрик.

Строка «Force open to» позволяет держать раскрытой какую-то рубрику при посещении сайта, т.е. посетитель заходит к Вам на сайт и сразу видит одну (или несколько) рубрик раскрытыми. Полезно для акцентирования внимания на каких-то материалах. В окне надо через запятую указать такие рубрики. (В скобках замечу, что заодно посетитель увидит, как устроены Ваши раскрывающиеся рубрики. Посетители-то разные ведь бывают)

Строка «Order» определяет порядок сортировки – в порядке увеличения (от А до Я или от 1 до 9) или уменьшения (от Я до А или от 9 до 1). По умолчанию стоит значение ASC – увеличение.

Далее, после горизонтальной линии, идут настройки показа рубрик, подрубрик и статей.

Б). Настройка порядка сортировки и показа рубрик, подрубрик и статей

Строка «Sort by» позволяет указать, по каким параметрам производить сортировку рубрик  – по алфавиту (name, стоит по умолчанию), по ID, по URL, по количеству статей и т.д. Предлагаю оставить по умолчанию.

Строка «Sort posts by» позволяет указать порядок сортировки заголовков статей – по дате публикации (стоит по умолчанию), по заголовку статьи (post title), т.е. по алфавиту или по ID статьи.

Строка «Post order» определяет порядок сортировки статей. По умолчанию стоит значение DESC – самые последние статьи из опубликованных стоят на самом верху.

Плагин WP-dTree Рис.8 Нижняя часть настроек

Строка «Limit» определяет максимальное количество показываемых рубрик. Количество определяет общее число и рубрик, и подрубрик, причем выбираются самые верхние. По умолчанию стоит 0 (ноль) – будут показаны все рубрики и подрубрики, причем выбираются самые верхние. Зачем сделана эта функция? Наверное, на всякий случай.

Строка «Limit Posts» определяет максимальное количество статей в рубриках. По умолчанию стоит 0 (ноль) – будут показаны все статьи. Очень полезная функция, когда в рубрике очень много статей. Однако здесь пара подводных камней.

Камень первый. Как показать читателю, что в этой рубрике есть и другие статьи, и показать заголовки этих статей? Частично эту задачу решает следующая строка.

Строка «Show more link» предназначена для вывода в сайдбаре сообщения о скрытых статьях. Сначала мы изменим текст в окошке, а потом посмотрим как все это выглядит на сайте.

Вам надо вместо текста Show more написать «Показать больше» или что-нибудь в таком роде. То, что написано в скобках, трогать не надо – это показано количество скрытых статей. Чтобы Вам было наглядно видно действие этой функции, установите в строке «Limit Posts» число, заведомо меньшее, чем количество статей в рубрике. У Вас должно получить так:

Плагин WP-dTree Рис.9

Сохраняете внесенные изменения и смотрите на сайте:

Плагин WP-dTree Рис.10

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

Строка «Show descendands of:» — из всех рубрик на сайте показывается только подрубрики выбранной рубрики. Если у рубрики нет подрубрик, то не показывается ничего — раздел рубрик на сайте просто девственно чист. Зачем это сделано – не знаю. Оставляем значение по умолчанию.

Строка «Only *direct* children of:» вводит фильтр для просмотра тех или иных рубрик детьми. На Западе широко распространен родительский контроль за тем, что смотрят их дети в Интернете. У нас же… сами понимаете.

Строка «Exclude posts», как я понимаю, относится тоже к запрещениям, только она фильтрует не рубрики, а статьи.

Строка «Allow duplicate entries» разрешает показ повторяющихся записей. Здесь имеется ввиду, что одна и та же статья может быть в двух и более рубриках. По умолчанию в этой строке стоит галочка, значит, эта статья будет во всех этих рубриках. Если Вы эту галочку уберете, то она будет показана только в самой первой рубрике, если считать сверху.

Строка «Hide empty categories» скрывает пустые категории (т.е. не имеющие еще статей). По умолчанию отметка в этой строке не стоит,  значит, пустые рубрики будут показаны. Нам лучше поставить галочку.

Строка «List posts» разрешает или запрещает показ заголовков статей. Когда они разрешены к показу, то выглядеть все будет так, как на скриншотах выше, а если запретить, то будет показаны только рубрики и подрубрики, т.е. просто как в WordPress’е. Зачем тогда этот плагин? Галочку оставляем.

Строка «Show post count» — показать или нет количество статей в рубриках и подрубриках. По умолчанию стоит – не показывать. Тут решайте сами.

Строка «Show RSS» — подключить или нет показ картинки с логотипом RSS в рубриках. Если у Вас есть RSS в рубриках, то еще можете подумать об этом, а если — нет, то и думать нечего. Оставляем значение по умолчанию – не показывать RSS (т.е. без галочки).

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

На этом все. Мне остается только выразить надежду, что плагин WP-dTree окажет Вам помощь в решении тех или иных вопросов.

P.S. О возможных ошибках плагина. Я их не заметил, если не учитывать некоторых неработающих функций, вот только RSS я совершенно не тестировал – на моем учебном сайте ленты RSS просто нет.

P.P.S. Статьи о других плагинах, которые создают раскрывающиеся рубрики:

— статья о плагине My Category Order

— статья о плагине Collapsing Categories.

Если говорить обо мне, то я выбираю плагин Collapsing Categories с связке с плагином My Category Order – мне они понравились больше.

P.S. Плагин — не плагин, но через неделю 8 марта, а подарков нет. Думаю, своим девчонкам  купить сумки в магазине. Подарок, как мне кажется, будет и хороший, и практичный. Вот только как бы выбрать то, что им понравится?

Похожие записи по этой теме:

21 thoughts on “З плагина для создания раскрывающихся рубрик. Плагин WP-dTree

  1. Алексей

    Спасибо! Очень толково всё расписали. Здорово помогли сэкономить время и найти отличный плагин.

    Reply
  2. Не ваше дело

    А почему написано ТРИ плагина? Где тогда второй и третий? :-)

    Reply
    1. admin Post author

      Ссылки на статьи о других плагинах — в конце статьи, в постскриптуме

      Reply
  3. Dan Sokolov

    Строка «Only *direct* children of:» вводит фильтр для просмотра тех или иных рубрик детьми. На Западе широко распространен родительский контроль за тем, что смотрят их дети в Интернете. У нас же… сами понимаете.

    Reply
  4. Noname

    Автор, статья отличная за одним исключением:

    > Строка «Only *direct* children of:» вводит фильтр для просмотра тех или иных рубрик детьми. На Западе широко распространен родительский контроль за тем, что смотрят их дети в Интернете. У нас же… сами понимаете.

    Ты неправильно понял и получился анекдот :)

    На самом деле опция «Only *direct* children of» означает «показывать только прямых потомков» выбранной рубрики.

    То есть если у этой рубрики есть свои подрубрики, то их содержимое (записи) не будут показаны в дереве.

    В некоторых случаях очень полезно!

    Кстати, ты часто называешь записи страницами, а это все-таки разные вещи ;)

    Reply
  5. Александр

    Добрый день ! Спасибо большое за Вашу статью. Установил этот плагин. Выставил ID рубрики, которая выводит только определенную рубрику. Но мне нужно, чтобы один виджет выводил например АНЕКДОТЫ, а другой такой же плагин выводил только другие рубрики. Но не получается Что-то не срабатывает. Можете помочь разобраться?

    Reply
    1. admin Post author

      Александр, пока идей нет. Ясно только, что с одним этим плагином такое сделать нельзя. Придумаю — напишу на почту.

      Reply
      1. Александр

        Спасибо. Или может как-то можно вывести другие рубрики вверху или в низу ?

        В строчку например

        Reply
        1. admin Post author

          Александр, Вы имеете в виду расположение рубрик как страниц?

          Reply
          1. admin Post author

            Думаю, надо поковыряться в шаблоне или просто сменить его на более подходящий. Конкретно Вам подсказать могут на форумах программистов. Или можно заказать у фрилансоров

  6. Сергей

    Скажите пожалуйста каким плагином у вас выведены рубрики??

    Похоже на WP-dTree

    Но тогда как вы убрали показать все и скрыть все

    и еще у меня при наведении на рубрику высвечивается java скрипт , а у вас высвечивается ссылка

    как мне сделать так же?

    Reply
    1. admin Post author

      Сергей, я так понимаю, что Вы имели ввиду рубрики в сайдбаре. У меня стоит не WP-dTree, а другой плагин — Collapsing Categories. Там нет таких настроек — «показать все» и «скрыть все».

      При наведении курсора на рубрику высвечивается ссылка — зависит от шаблона.

      Reply
  7. Натали

    Спасибо Сергей Васильевич ;)))

    Вместо Collapsing Categories поставила на блог этот плагин. У меня тема оформления видать капризная :) Collapsing Categories не корректно отображает, а WP-dTree, СЛАВА БОГУ, отображает почти как надо. Почему у вас не выделяет активную ссылку не понятно, а у меня выделяет подчёркиванием. Как будет время, думаю со стилями поколдовать... а то не много скучновато выглядит.

    Reply
    1. admin Post author

      Натали, я полагаю, что различие в работе WP-dTree обьясняется различными стилями тем (шаблонов), а не стилями плагина. Хотя, честно сказать, я с ним серьезно еще не разбирался.

      Reply
  8. Павел

    Спасибо огромное! Очень всё подробно и доходчиво написано. Решил свою задачу, наконец. Благодарю!

    Reply
  9. Padre

    Спасибо все работает как я хотел.Пол дня не мог найти нужный плагин.Еще раз спасибо.

    Reply
    1. admin Post author

      Не за что, Padre. Покопайтесь в статьях блога — есть и другие интересные материалы

      Reply
  10. Femil

    Спасибо большое! Статья очень помогла! Все же настроек в плагине целая куча ;( хотя задача кажется простой...

    ЗЫ.: Номер категории используется в формировании ссылки на нее. И если от пользователя это скрыто ЧПУ, то в админке видны все ID — достаточно навести курсор мыши на интересующую категорию.

    Reply

Оставить комментарий

Your email address will not be published. Required fields are marked *