MODx Wayfinder: примеры использования

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

1. Простое меню на Wayfinder в MODx Evolution

MODx Wayfinder  меню

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

<div id="menu">
  <ul>
    <li><a href="/" title="Главная">На главную</a></li>
    <li><a href="/navigator.html" title="Навигация">Навигация</a></li>
    <li><a href="/kontaktyi.html" title="Контакты">Контакты</a></li>
  </ul>
</div>

Для получения вышеописанного результата вызываем сниппет с такими параметрами:

<div  id="menu">
  [!Wayfinder? 
  &startId=`0` 
  &level=`1` 
  &ignoreHidden=`0`
  !]
</div>

Опять начинаем с ресурса, id которого равен 0. Глубину дерева указываем равным 1. Игнорируем документы со снятым флажком «Показывать в меню».

2. HTML карта сайта для MODx Evolution

Чтобы вывести весь список документов с учетом иерархии на одной веб-странице можно воспользоваться следующим примером:

[!Wayfinder? 
&startId=`0` 
&ignoreHidden=`0`
!]

Начинаем отсчет с документа с id, равным 0 и игнорируем те, ресурсы, которые скрыты от показа в меню.

MODx Evolution - HTML карта сайта

3. Меню для боковой колонки на Wayfinder в MODx Evolution

Организуем меню для боковой колонки, которую оформим в стиле CSS-фреймворка Twitter Bootstrap:

[!Wayfinder? 
&startId=`1` 
&level=`1` 
&hideSubMenus=`1` 
&ignoreHidden=`1` 
&outerClass=`nav nav-tabs nav-stacked bs-docs-sidenav` 
&rowTpl=`BootstrapCategoryItem`
!]

Начинаем с документа с id равным 1, уровень вложенности берем также 1, скрываем подменю, игнорируем скрытые пункты. Добавляем к <ul> классы nav nav-tabs nav-stacked bs-docs-sidenav.

MODx Wayfinder вывод меню и чанки

С помощью параметра rowTpl задаем чанк BootstrapCategoryItem, который будет служить для вывода одиночных пунктов со значками-стрелочками:

<li[+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]">
  <i></i>[+wf.linktext+]</a>[+wf.wrapper+]
</li>

Итоговая HTML-разметка при этом получиться вот такой:

<ul>
  <li><a href="/home/wordpress.html" title="WordPress"><i></i>WordPress</a></li>
  <li><a href="/home/php.html" title="PHP"><i></i>PHP</a></li>
  <li><a href="/home/javascript.html" title="JavaScript"><i></i>JavaScript</a></li>
</ul>

Итоги:

Я надеюсь вы успели убедиться, что сниппет Wayfinder просто незаменим для вывода списков ресурсов на среднестатистическом MODx Evolution сайте.

Опубликовано 22-02-2013 в 10:07


Комментариев к записи: 3

  1. Столько всего написано, про использование TV параметров в Wayfinder нигде нету. Может кто напишет нормальную статью?

  2. Зачем учить новичков плохому — [[Wayfinder]] ! И только так! Т.е. нужно вызывать его КЕШИРУЕМО, а не как у вас. Хотя и Ево легче Рево, но зачем нагружать излишне движок? НЕ КЕШИРУЕМЫЙ сниппет вызывается только тогда, когда он зависит от действий пользователя (текущего или нет). На пример: форма регистрации или комментарии.

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

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

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











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты