Создание HTML карты сайта в MODX — для людей

MODX Revo

В прошлом уроке мы создали xml карту сайта для поисковых систем. А в данном уроке по MODX, мы рассмотрим два способа создание HTML карты сайта для людей.

Создание HTML карты сайта при помощи PdoMenu (входит в состав PdoTools)

По сути данный способ не чем не отличается от создания обычного меню. Простейший вызов HTML карты для сайта будет следующим.

[[pdoMenu?
&parents=`0`
&fastMode=`1`
]]

Он выведет все страницы сайта в виде списка.

Ну а если включить немного фантазии, то можно сделать практически любую карту, за основу можно взять выводы меню из урока: Создание меню в MODX

У меня получилось вот такая карта сайта.

html карта сайта на modx собранная мною

Создание HTML карты сайта при помощи visualSitemap

Данное дополнение можете скачать из основного репозитория modx (требует установленного пакета Wayfinder, его тоже надо скачать из основного репозитория и установить), он позволяет делать вот такие html карты.

пример html карты сайта созданной пакетом visualSitemap

После установки обоих пакетов, у вас появится шаблон visualSitemapTemplate который нужно применить к странице и в принципе все.

новый шаблон

А вот что он мне с генерировал.

пример html карты сайта сгенерированной visualSitemap

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

Адаптивный вариант карты

Так же хочу заметить, что если вам нужно не стандартное обрамление (оставить свою шапку, футер и т.д. на странице карты), то по идее вместо шаблона visualSitemapTemplate вы можете назначить любой шаблон, а саму карту вывести в содержимом, так: [[visualSitemap]].

Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( 2 оценки, среднее 1.5 из 5 )
Web-Revenue.ru
Добавить комментарий