MODx TV параметри
В миналия урок направихме новинарска емисия за нашия сайт, в същия урок ще се запознаем с друг MODx термин - TV (шаблонни променливи) параметър.
TV параметър MODx е шаблонна променлива, доста гъвкав и често използван инструмент.
Къде най-често се използват телевизионни параметри:
В този урок ще научим как да създаваме и присвояваме параметри на ТВ шаблони, а също така ще видим как могат да се използват на практика, а именно как да показваме изображение за съобщение за нашата емисия новини.
Създайте телевизионен параметър
Отиваме в административната част на сайта и отиваме в раздела за настройки на телевизора: "Елементи" - "Управление на елементи" - "Параметри (TV)".
"Име на параметър"е името на нашия нов параметър, нека го наречем img.
"Заглавие"- заглавието на параметъра, enter - изображението за статията.
"Описание"- описание на параметъра, попълване - анонсиращо изображение за новинарския канал.
"Тип вход"- тип параметър, изберете "Изображение" от списъка.
Оставяме останалите полета по подразбиране, остава само да присвоим нашия параметър към шаблона на нашите новини, за това от списъка с шаблони поставете отметка в квадратчето до вашия шаблон:
Щракнете върху запазване и отидете на редактиране на ресурса на всички новини, добавени по-рано, ако сте направили всичко правилно, ще забележите, че имате друго поле, когато редактирате ресурса:
Тук създадохме първия си телевизионен параметър MODx.
Присвояване на изображение към ресурс
Кликнете върху бутона "Вмъкване" в прозореца, който се отваря, изберете файл или го качете от компютър, запазете нашия ресурс.
Нека създадем 3 изображения с размери 100x100px и да присвоим тези изображения към нашите новинарски ресурси.
Присвоихме нашите изображения на ресурсите, остава само да ги покажем на главната страница, да отворим нашия шаблон на главната страница HTML index.html и да намерим частта от код, която отговаря за показването на съобщението за новини на страницата:
Както можете да видите, съобщението за новини е неподреден списък и последният елемент от списъка има класlast.
Отваряме нашия шаблон за основна страница и премахваме списъка от него, тоест цялото съдържание между ul таговете, изключваме самите тагове и вместо това вмъкваме следната конструкция:
Както се досещате, това е извикване на част, която ще отговаря за показването на съобщението за новини, сега нека създадем самата част.
Създаваме нов блок, както направихме в урок 4, наричаме го MAINNEWS и вмъкваме следния код в съдържанието на блока:
[[По същия начин? &parents=`8` &display=`3` &tpl=`new-tpl` &tplLast=`new-last-tpl`]]
Това не е нищо повече от извикване на фрагмента Ditto със следните параметри: родители е идентификаторът на контейнера, от който ще бъдат избрани новините в моя случай 8, display е броят на новините в селекцията, tpl е името на частта за шаблона за новини, tplLast е името на частта за последния шаблон за новини в списъка.
Остава да създадете 2 парчета за шаблона, отидете на страницата за създаване на парчета, създайте парче, посочете името на tpl парчето и копирайте кода от index.html в съдържанието на парчето, което отговаря за показването на новините:
Заменяме src атрибута на нашето изображение с [ +img+], въвеждаме [ +pagetitle+] в alt атрибута, заменяме текста между h2 таговете с [ +pagetitle+], заменяме съобщението за новини с [ +introtext+], променяме атрибута за връзка href с [
] и променете надписа „Продължи да четеш“ на „Още“.
Създаваме второ парче с името new-last-tpl, копираме кода от HTML шаблона, отговорен за показването на последния в неговото съдържаниеновини с последния клас и направете същото за него. Ние актуализираме нашата главна страница, ако сте направили всичко правилно, тогава трябва да получите следното:
Това завършва нашия урок, научихме как да създаваме телевизионни параметри за шаблони, в бъдеще ще покажа как те все още могат да се прилагат на практика. И в следващия урок ще се запознаем с друг MODx фрагмент - eForm и ще създадем форма за контакт за нашия сайт.