Персонализиране на дизайна на страницата и извеждане на статии в Textpattern
Време е да започнем да персонализираме външния вид на вашия сайт!
Просто трябва да намерите оформление, което ви подхожда, или шаблон на уебсайт, от които има огромен брой в интернет!
Лично ние харесваме най-много шаблоните на уебсайтове ThemeForest за отлично качество, голям избор от шаблони с различни теми и повече от достъпни цени.
За нас са подходящи шаблони от раздела "Шаблони на сайтове".
Избрали сте шаблон за вашия сайт. За по-нататъшна работа са желателни минимални умения за работа с html. Ако не го направят, нищо страшно! Оправи го с наша помощ!
Първо отворете раздела Облик -> Страници.
Тук виждаме структурата на нашата страница. И тук ще вмъкнем html шаблона на нашата страница.
Вероятно вече сте забелязали непознати за вас тагове. Например
Тагът показва заглавието на текущата страница. В зависимост от местоположението ни в сайта, той показва заглавието на статията или името на заглавието или раздела.
Можете да прочетете повече за логиката на таговете, техния списък и описание в секцията за тагове.
Етикетите могат да се добавят към страници и формуляри по голямо разнообразие от начини в зависимост от това какво ще правите.
Красотата и разликата на Textpattern от много други CMS се крие в ориентацията на етикета. Тази функция ви позволява да промените дизайна и оформлението на сайта, неговата структура, логиката на плъгините и съдържанието директно от административния панел на сайта, без да се лутате из куп файлове и без да се ровите в изобилието от код. Това значително опростява и ускорява работата с Textpattern.
Качете скриптове и файлове с изображения от нашия шаблон на хостинг. За удобство обикновено създаваме папкаtpl в основата. Това ще помогне да не се объркате по-късно в собствеността на един или друг скрипт при промяна на дизайна, например.Нека поставим в нашата страница нови директни пътища към скриптове и снимки. Да запазим резултата.
Сега да преминем към CSS. За да направите това, отидете в раздела Облик -> Стилове. Нека създадем отделен стил за всеки стил в шаблона. И копирайте CSS стиловете от нашия шаблон тук.
Нека запазим всички стилове с разбираеми имена (трябва да ги наименувате на латиница! ) и да се върнем към нашата страница по подразбиране.
За да свържемна всеки стил, имаме нужда от етикет, къдетоname="default" е името на нашия стил. Трябва да променим стойността отdefault на каквото ни трябва. Също така трябва да поставите правилните пътища за снимки в стилове!
Включили сме стилове и скриптове. Сега, отивайки на главната страница на нашия сайт, трябва да видим нашия работещ шаблон. Естествено линковете все още не ни работят.
Отидете в раздела Съдържание -> Категории и създаване на структурата на сайта, от която се нуждаем. Например: Новини, За нас, Блог и Контакти. Новинарският раздел ще бъде вграден в блога.
За да премахнете "допълнителните" заглавия и статии, създадени по време на инсталирането на Textpattern, отидете в раздела Съдържание -> Написано, изберете всички материали и изберете в падащото меню - Изтриване.
След това ще конфигурираме изхода на статии. Да приемем, че резултатът от списъка със статии в нашия шаблон изглежда така:
След това трябва да създадем формуляр за показване на списък със статии, нека го наречем article_listing, със следната форма:
Формата в този случай ни позволява да персонализираме изхода на списъка със статии. Нека накратко дешифрираме етикетите.
Тагът двойкаЗаглавие на нашата статия ни дава връзка към нашата статия. Всичко между отварящия и затварящия маркер ще се появи в нашата връзка.
- Показваме снимка за нашата статия, ако има такава.
Етикетът ще се покажезаглавие на нашата статия.
- откъс (кратко описание) от нашата статия. Понякога се нарича също Lead (информативен пасаж, който ви позволява да привлечете вниманието на читателя върху този материал. Wiki).
Сега нека създадем резултат от една статия. В нашия шаблон това изглежда така:
Тогава формулярът за изход на статия (нека го наречем article_single) ще изглежда така:
Така. Имаме два нови формуляра за подаване. Да се покаже списък с материали и да се покаже отделна статия.
Да се върнем на нашата страница. Доста често в шаблоните е очевидно, че блокът за вмъкване е както за списъка със статии, така и за самата статия. Освен това често това е един и същ блок. Както в нашия случай.
Трябва да напишем логиката за показване на материала на статията като списък или като статия, в зависимост от позицията на потребителя в сайта. Логично е, че ако потребителят е в някоя рубрика, ще му бъде показан списък с материали от тази рубрика.
Какво получихме:
Не бързайте да въвеждате всичко сами! В края на тази статия ви даваме възможност да изтеглите кода, даден в примерите, за ваше удобство.
Забележете етикета. Позволява ви да продължите да търсите състоянието.
Схематично логиката изглежда така:
Това е цялата логика на изхода на материала! Просто?
Сигурно сте забелязали етикета. Всъщност това причинява извеждането на статии в нашата форма. Тук сме посочили показване на 10 статии на страница, ред на сортиране, статус на статия и време за извеждане.
Струва си да се спомене състоянието на статията. Важно е.
Статиите имат 5 статуса: Чернова, Скрити, Отложени, Включени и Залепени. За нас е важно да се справим с включената и лепкава статия.
За да покажем списък със статии от всяка категория, можем да използвамесъс следния етикет:
Това може да ни бъде полезно, когато показваме списък с последните новини.
Всъщност това е всичко, от което се нуждаем, за да започнем! С тази база от знания вече можете да създавате уебсайтове с проста структура, използвайки CMS Textpattern. Например блогове, сайтове за визитки и дори информационни сайтове.
Ние специално опростихме задачата. Тази логика за извеждане на статия не е най-добрата, но работи за по-голямата част от сайтовете и улеснява започването.
Тук не сме използвали никакви допълнителни секции и страници, освен секцията по подразбиране. Ще помогнем да се справим с това малко по-късно.