Надумал прикрутить я каких-нибудь украшательств на сайт. Моя мысль была о тегах, ветвистых комментариях и красивом просмотре картинок. Зачем? Просто захотелось, не нравился просмотр картинок с открытием в новом окне (вкладке), захотелось прицельно отвечать на комментарии, захотелось более гибкую каталогизацию. Теперь по порядку.
Первым делом решил сделать что-либо для поддержки тегов в неограниченном количестве. После недолгих поисков установил плагин tru_tags, довольно удобная вещь и особых проблем он не вызвал.
Для каскадных комментариев нашел дополнение peg_nested_comments, тоже ничего так, работает. Но когда проверил на валидность страницу — был в шоке, эта зараза оказывается версии 0.1 и авторы решили снабдить ее более простым способом обеспечения работоспособности — выводом скрипта прямо в стандартный вывод а не через API Textpattern. Слегка поковырявшись в коде плагина я пришел к выводу — никакой магии там нет, добавил один тег, генерирующий скрипт и добавил его в <head> главного шаблона страницы. Поправил заодно и функции, выдающие невалидный XHTML код. Написал о своих доработках убогим английским на форуме, где разработчики этот плугин то и опубликовали. С этим разобрался, работает как часы (хотя бы как песочные).
Долго рыскал по репозитарию плагинов в поисках чего-нибудь красивого для картинок, но не нашел. Есть там куча плагинов для организации галерей, фотоблогов, но ни одного чтобы подхватывал картинки прямо из «текстиля».
Тогда достал я из широких штанин простенький скрипт Litebox в просторах интернета и решил прицепить. Но вот незадача, текстилем нельзя выставить атрибут rel="lightbox" для ссылок. Ну, поскольку автор лицензией этого скрипта как бы намекает нам, что напильник в руки, вот я и поправил слегка код, заодно убрал явные хаки, которые не нравились валидатору. Скачать его можно по этой ссылке. Теперь это чудо стало реагировать на класс ссылки. А класс ссылки очень даже поддается регулированию из текстиля! Вот такой конструкцией включается теперь это все:
"(lightbox-<группа картинок>)!http://preview.png!":http://full_size.png
После совершения этих манипуляций могу продемонстрировать получившийся эффект:
Все, конец первой серии данной заметки.