Главная » Уроки » Уроки по Modx Evo » [Modx Evo] Облако тегов ModX

[Modx Evo] Облако тегов ModX

1. Устанавливаем 2 сниппета:

Для этого скачиваем файлы. Элементы - Управление элементами - Сниппеты - Создать новый - в название вписываем TvTagCloud и копируем содержимое скаченного файла. Сохраняем. Так же для tagLinks

2. Создаем TV "tags" типа text, применяем его к шаблону(ам). Для этого Элементы - Управление элементами - Параметры (TV) - Новый. Отмечаем шаблоны, к которым прикрепим.

3. Создаем страницу, прописываем теги, разделять из можно чем угодно, например запятой.

4. Создаем страницу, которая будет выводить все материалы с данным тегом

[[tagLinks? &tv=`tags` &element=`div` &fap=`1` &path=`news_articles` &label=`Теги: ` &title_prefix=`Все статьи с тегом <span>`]

&tv - имя доп. параметра, содержащего теги
&element - элемент-контейнер для вызова тегов (очень сомневаюсь в целесообразности этого параметра)
&fap - включить/выключить поддержку дружественных url.
&path - путь к странице, содержащей вывод всех статей с тегом (страница с вызовом Ditto из шага 3)
&label - строка, выводящаяся перед перечислением тегов
&title_prefix - префикс к значению параметра title для ссылок (работает только в версии сниппета с нашего сайта)

5. Само облако тегов, вставляем например на главную страницу

[!TvTagCloud? &parent=`1` &depth=`5` &displayType=`cloud` &depth=`5` &landing=`1` &tvTags=`tags` &showCount=`0` &sort=`random` &limit=`50` &caseSensitive=`1`!]

&parent - ИД документа в котором находятся статьи с тегами
&landing - ИД страницы с выводом статей по заданному тегу (как раз та страница с вызовом Ditto, что обсуждалась в шаге 3)
&tvTags - имя доп. параметра, содержащего теги
&showCount - включить/выключить отображение количества статей рядом с тегом

6. Вписываем в файлик css

/* CLOUD */
.tagcloud span a {
 text-decoration: none;
    padding: 0 0;
    margin: 0 0 0 0;

}
.s5 {
    font-size: 216%;
    line-height: 136%;
}
.s4 {
    font-size: 196%;
    line-height: 136%;
}
.s3 {
    font-size: 166%;
    line-height: 136%;
}
.s2 {
    font-size: 130%;
    line-height: 136%;
}
.s1 {
    font-size: 90%;
    line-height: 136%;
}

Вконтакте

Facebook