Часть 11 - Теги на MODx Revo - tagLister. Revo облако тегов modx


MODx Revo - облако тегов

Все большую популярность приобретает использование так называемого "облака тегов". Корни у этого явления, я так полагаю, произрастают из блого-seo-иже с ними сферы.

Явление полезное для SEO, с этим спорить не буду. Мне понадобилось создать нечто подобное для одного сайта на MODx Revo.

На каждой странице должны быть указаны теги, являющиеся ссылками на документы "по теме". Думаю, многие встречали подобные вещи на разных сайтах, ну а в особенности в различных блогах. Wordpress для этого предлагает специальный модуль...

Но у нас - MODx. (Мой любимый движок, заметим в скобках). Оставим в стороне мои измышления на тему Revo, есть у этой версии и определенные плюсы, но переходить пока на нее не хочется. Плюсом в моем случае еще и оказался тот факт, что для Revo существует специальный сниппет для организации механизма облака тегов. Под названием tagLister. Сниппет загружается как доп.пакет и устанавливается очень просто и очень быстро.

И после установки мы можем наблюдать появление целых 3-х сниппетов: getResourcesTag, tagLister и tolinks.

Последовательность действий была такой:

1. Создаем новый TV-параметр, называем его "tags". Указываем тип ввода - Text. Тип вывода оставила default. Для всех страниц сайта у нас один шаблон, с названием "Основной". Указываем доступность TV "tags" для этого щаблона.

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

Ок, создаем чанк под названием "advance".

<div> <h4>Дополнительно</h4><br> [[!tagLister? &tv=`tags`]] </div>

Принципиальное отличие от блока с анонсами новостей - это вызов сниппета tagLister, (вместо getResources). Пока вставила скопированный пример вызова из официальной документации.

3. В шаблоне "Основной" в нужном нам месте - в правом сайдбаре, например, подключаем только что созданный чанк "advance".

4. Открываем какой-нибудь документ, пишем через запятую несколько тегов, например: "такси москва, такси дешево, трезвый водитель, аренда лексуса москва". Пишем в других документах соответствующие им теги.

5. Вуаля, получаем:

julliet.ru

Часть 11 - Теги на MODx Revo - tagLister. -

YouTube

Облако тегов на MODx Revo - tagLister. https://dart.agency/blog/obuchenie/realizacziya-tegov-v-modx-revo-taglister.html - статья в блоге (часть 11). https://dart.agency/blog/obuchenie/internet-magazin-na-modx-revolution.html - список всех уроков https://dart.agency/assets/downloads/ecommerce-html-template.zip - шаблон HTML. Мы Вконтакте - https://vk.com/dartagency Если вы хотите поддержать канал, то вы можете это сделать внизу любой статьи раздела "БЛОГ" на сайтах: http://artemblog.ru/ https://modxtemplates.ru/ https://dart.agency/ Кошелек Я.Денег - 4100148606493



MODX Урок 9 Фильтр товаров дополнение tagManager Вопросы задаем здесь https://www.modx.cc/video-uroki/1235-... Сайт http://www.modx.cc Скачать CMS MODX http://w

YouTube

seo-оптимизация нашего блога, работающего на MODx Revo. Если вы хотите поддержать канал, то вы можете это сделать внизу любой статьи раздела "БЛОГ" на сайтах:

YouTube

Ссылка на файл: https://1drv.ms/u/s!ApNIHOjXtXOZhP0S-UP1g1LkFVKzTw

YouTube

В этом видеоролике я расскажу, что такое файл robots.txt, для чего он нужен при продвижении сайта и как правильно его настроить. Robots.txt — это стандарт искл

YouTube

Како создать свой сайт Быстрое создание блога на MODX Revolution Блог за 5 минут на modx revolution с пю дополнения Articles Сайт http://www.modx.cc Скачать

YouTube

Parte 2 https://youtu.be/ElIl4c5bTFw La Rosa de Guadalupe La novia de mi vida chulls plus capitulos completos nue

YouTube

We love our teachers as they can make a big difference in our lives. But here are a few teachers you'll probably never want to meet! Follow me on Instagram: htt

YouTube

Посмотреть все уроки Премиум курса Вы можете тут: https://webformyself.com/category/premium/php-premium/catalogpremium/ Совсем недавно мне пришлось переписыват

YouTube

Hi Team - FAPtv trân trọng giới thiệu một bộ phim học đường, tình cảm, huyền bí mang tên Ai Nói Tui Yêu Anh! ------------------ Cảm ơn các đơn vị tài trợ: + KYM

YouTube

Special thanks to Zalzar for voicing the broom! Zalzar's channel: https://www.youtube.com/results?search_query=zalzar My Twiter: https://twitter.com/RealGamer

YouTube

La Rosa Hd Todos los días un capítulo Mis redes sociales: Sigue a Cine Hd: Facebook:https://www.facebook.com/cinehdchevere Instagram:https://www.instagram.com/c

YouTube

Первая часть из цикла "Создание интернет-магазина на MODx Revolution + miniShop" Шаблон http://artemblog.ru/downloads/themeforest-8178892-media-center-electroni

YouTube

Baldi's Basics in Education and Learning In Real Life part 2. This time we pick all new characters. Can Ty complete Baldi's Basics? We are That YouTub3 Family

YouTube

Поддержать проект: http://www.donationalerts.ru/r/vasiliy_maksimov Здравствуйте, Друзья! В данном видео уроке мы настроим и выведем блок новостей на MODX Revolu

YouTube

MODX Создание блога первая часть Серия из трех видео уроков по разработке блога на MODX Revolution Сайт http://www.modx.cc Скачать CMS MODX http://www.modx.com

YouTube

www.vimore.org

Вывод ключевых слов в MODX Revolution с помощью компонента tagLister

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

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

[ 1 ] Скачайте и установите пакет tagLister.

[ 2 ] Создайте новый TV параметр (дополнительное поле). Назовите его tags (можно и по другому). В параметрах ввода выставьте Авто-метка, в доступных шаблонах отметьте шаблон, который у Вас используется для вывода статей или новостей.

После этого у ресурсов со статьями (новостями) появится вкладка — «Дополнительные поля». На ней будет созданное поле — tags. В него для каждой статьи впишите через запятую ключевые слова.

[ 3 ] Теперь в чанке который отвечает за вывод статьи добавляем сниппет для вывода ключевых слов:

Ключевые слова: [[!tolinks? &items=`[[*tags]]` &target=`19` &tpl=`linkTpl`]]

Разберём параметры:

&items=`[[*tags]]` — указываем как называется TV параметр (дополнительное поле) в котором хранятся ключеыве слова;

&target=`19` — странный параметр 19 на самом деле является ID ресурса в который будет осуществлен вывод статей по конкретному тегу. То есть, при нажатии на тег (ключевое слово), будет осуществлен вывод всех статей связанных с этим тегом в ресурс с этим идентификатором. Об этом ниже в пункте 5.

&tpl=`linkTpl` — чанк в котором прописано оформление вывода тегов. Его можно не указывать — теги все равно будут выводится, но без какого-то оформления. У меня в чанке «linkTpl» следующее:

<a href="[[++site_url]][[+url]]"> [[+item]]</a>

[ 4 ] Вывод ключевых слов в статье организовали, теперь делаем чтобы при нажатии на ключевое слово показывались все статьи в которых этот тег присутствует. Для этого создаём шаблон с названием tags. В этом шаблоне в месте где выводится контент я вызывал сниппет:

[[!getResourcesTag? &parents=`2` &tpl=`articleTpl` &limit=`50` &includeTVs=`1` ]]

&parents=`2` — указывает ID родительского ресурса наших статей. У меня им является ресурс Articles (2) в котором и размещены все мои статьи.

&tpl=`articleTpl` — указываем чанк с выводом информации о статье. В этом чанке выводится название статьи, краткое содержание, автор и.т.п. Я не создавал этот чанк специально для вывода тегов, он у меня уже был и использовался для вывода ленты статей на главной странице. Полностью его содержимое приводить не буду, но чтобы было понятнее укажу основное его содержимое:

<a href="[[++site_url]][[~[[+id]]]]"><h2>[[+pagetitle]]</h2></a>

&includeTVs=`1` — включаем в плейсхолдер TV параметры если они используются в выводе.

Остальные параметры описывать не буду, думаю понятно.

[ 5 ] Теперь создадим новый ресурс «Вывод результатов по тегам». Присвойте этому ресурсу шаблон, который мы создали на предыдущем шаге. Так же поставьте галочку — «не показывать в меню» и «опубликовать». Сохраните его и посмотрите ID этого ресурса (указывается в скобках рядом с названием ресурса). У меня ID был 19 и именно его я указывал в сниппете (пункт «[ 3 ]»), который отвечает за вывод ключевых слов.

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

[ 6 ] Если на сайте используются теги к статьям/новостям, то как правило, есть и облако тегов. В месте, где вы хотите его вывести укажите сниппет:

[[!tagLister? &tv=`tags` &target=`19`&parents=`2` &limit=`25` &tpl=`tag_user`]]

Если проделали все предыдущие шаги, то разобраться в параметрах у вас не составит труда. Не забудьте поменять в параметре «target» ID ресурса для вывода статей по ключевому слову. Параметр «tpl» указывает на чанк, в котором хранится оформление облака тегов. Как оформить облако тегов хорошо написано на сайте freelgraf.in.ua

Возможно что-то получится не сразу и кажется что это сложно, но как только начнете вникать в процесс создания тегов на своем сайте — все встанет на свои места.

realadmin.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта