MODx Revolution — дополнительная навигация
Главная Статьи и Медиа WEB технологии MODx Revolution MODx Revolution — дополнительная навигация
MODx Revolution — дополнительная навигация

MODx Revolution по шагам — шаг шестой

Какой сайт без дополнительной навигации?
Поговорим о расширении MODx Revolution — Breadcrambs и GetResources



Тэги (метки): MODx, WEB, технологии, сайт

 

На предыдущий шаг...

Тестовый (учебный) сайт располжен по адресу: http://test.grandikos.com

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

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

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

1.  Breadcrambs

2.  GetResources

Картинки ниже являются иллюстрациями. Их можно увеличить шелчком мышки.

MODx Revolution — Breadcrambs и GetResources

Начнём реализовывать нашу дополнительную навигацию со сниппета Breadcrambs, который вызывается стандартным способом из нужного места шаблона. Я расположил строку вызова сразу под участком шаблона "HEADER" с названием страницы.

Строка вызова сниппета Breadcrambs

Вот, что у меня получилось...

MODx Revolution — Начало работы с Breadcrambs

Как видите "хлебные крошки", несколько, выбиваются из стиля страницы. Мы знаем, что большинство сниппетов в MODx Revo форматируются с помошью шаблонов вывода. Работая с главным меню, я редактировал эти шаблоны. Для сниппета "хлебные крошки" пойдём другим путём — отредактируем таблицу стилей. Я выбрал в шаблоне-прототипе элемент "filter", по моему мнению, подходящий по стилю  и внёс в таблицу стилей (style.css в папке CSS с файлами шаблона на нашем сервере) следующие дополнения, естественно, вставив прямо под разделом "/* FILTER ----------*/", новый раздел "/* BreadCrumbc -------*/"...

стиль Breadcrambs

Стили для всяческих "...Crambs" я просто скопировал с "#content .filter li". Место, которое не "вошло" на картинке отвечает за поведение текста "хлебных крошек" при наведении мышки и полностью повторяет предыдущее описание стиля, за исключением "color: #606060", вместо помеченного...

Ещё я, из чувства противоречия, зеркально отразил "хлебные крошки", в отличие от общепринятого положения, поменяв "float: left" на "float: right"...

стиль Breadcrambs

Теперь, о сниппете GetResources

К этому дополнению MODx Revolution мы будем возвращаться, обсуждая и создание блога и компоновку главной страницы сайта. Пока — самые основы...

Итак, этот сниппет выводит список ресурсов в любом формате, оформленном с помощью "параметров" и шаблона вывода. Вот, собственно, и всё...

пример...

GetResources

GetResources

GetResources

Как пример применения параметров (в добавлению к параметру добавления шаблона вывода), приведу ещё и параметр "последовательности вывода". По умолчанию GetResources располагает выводимые ресурсы по убыванию (в смысле даты, как принято в блогах). Чтобы изменить последовательность, достаточно ввести в строку вызова параметр "sortdir"...

GetResources

 

... продолжение следует...

GRANDIKOS


Grandikos Если Вам нравится сайт, а главное, статьи и обучающие материалы, на нём представленные... Вы можете стимулировать автора, бросив на его счёт любую "символическую" сумму, что, неизбежно, подвигнет его на дальнейшее проявление здорового альтруизма...
Кстати, если Вы, к тому же, вместе с "пожертвованием" оставите и комментарий, содержащий ВАШИ пожелания на будущее, то автор непременно учтёт их при планировании своей работы...


Счет на "Яндекс деньги": 41001131476679

Кошельки "WEB money":

Z148021440215
R515650544848


GRANDIKOS

2007—2017 © ТМИП | Все права защищены

К началу