Създаване и свързване TPL-шаблон

Най-лесният начин да направите модели въз основа на вече изложени в HTML статични страници. Помислете за създаването и свързването на шаблона като пример. Да кажем, че там вече са HTML-файл следното съдържание:

За да добавите шаблона до ССФ, трябва да създадете файл във tpls / съдържание директория. например, test.tpl. и поставите на вашия HTML-код. CSS-файл трябва да се постави в папката CSS / CMS и наречен style.css. Изображението е желателно да се поставят в папката изображения. Не забравяйте да промените пътя до всички изображения и CSS файлове.

Шаблонът файл не може да се използва българската азбука!

За да прикрепите нов файл шаблон, попълнете долния ред на свободния полето "име на шаблон" (да му дадете някакъв смислен име, например "Моят тест модел") и "Име на файла" (в нашия случай, test.tpl) и кликване "Save".

Ако искате този шаблон, за да се използва като шаблон по подразбиране, поставете знак пред него "магистър". Сега, този шаблон ще бъде избрана по подразбиране от падащия списък изберете шаблона. Точно както ще се използва за показване на страниците на системата, които използват стандартния шаблон (регистрацията, Password Recovery, Карта на сайта).

Шаблони, ще бъдат видими в списъка на падащото при редактиране на всяка страница:

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

Опитайте се да създадете нова страница (уверете се, че новия шаблон е избран в опцията "Дизайн шаблон") и погледнете какво се случи на сайта.

Сайтът трябва да видите вашия HTML-шаблон. Но сега той е статичен. Сега трябва да се направи динамичен.

Първо трябва да се определи кои части на HTML-кодът ще се променят. В нашия случай ще се промени:

заглавие прозорец ;</p> <p>Мета тагове ключови думи и описание;</p> <p>заглавния текст <h1>;</p> <p>Така че, за да бъде малко на работа с HTML-шаблон и вместо да се променя съответните секции поставени макроси.</p> <p>Така например, в началото на HTML-файл съдържа мета тагове и заглавие:</p> <p>Заменете ги с подходящите макроси (макро списък е даден в допълнението):</p> <p>Системата в момента е във формирането на страниците ще се мета таговете и титлата, предвидени за всяка страница поотделно и ги замества на мястото на съответните макроси. Имената на макросите да запомнят много лесно.</p><p>По същия начин ние се продължи с текста на заглавието. Това беше така:</p> <p>И това ще бъде така. Заглавие на текста показва макро% заглавна%:</p> <p>Основният текст на страницата, също се променя:</p> <p>За да се покаже на главната страница на текст има макро% съдържание%:</p> <p>В началото на файла с маркери <head> и </head> въведете макроса:</p> <p>Тази линия свързва бързо редактиране, както и други полезни функции. С помощта на това, че ще бъде в състояние да, чрез натискане на Shift + D. бързо отиде до преразглеждане на текущата страница на сайта или някой от неговите фрагменти.</p> <p>Резултатът трябва да изглежда така:</p> <p>По този начин, ние поддържаме шаблонен файл и да погледнем в резултата. Сега страницата е почти изцяло динамичен, с изключение на менюто. Ще "съживят" от менюто на сайта. Нека да видим как да маркирате менюто:</p> <p>Менюто се състои от елементи. Самото меню е някак украсена и точки също имат просвет. Например, цялото меню може да бъде един вид рамка или на заден план, текущия елемент от менюто може да бъде смел и т.н. Също така в същото меню може да бъде различни нива.</p> <p>Превъртете до рамкиране:</p> <p>менюто е предназначен, както следва:</p> <p>Текущ елемент от менюто е украсена по различен начин:</p> <p>шаблон меню Източник е в /tpls/content/menu/default.tpl файл и изглежда така:</p> <p>Отначало малко неясно. Всъщност, всичко е много просто. Вижте първата част от кода:</p> <p>Това устройство, което се нарича menu_block_level1. Има 3 вида на тези блокове.</p> <p>menu_block_level1 - съдържа меню HTML рамка;</p> <p>menu_line_level1 - съдържа HTML-код елемент от менюто;</p> <p>menu_line_level1_a - същото като menu_line_level1, се използва само за активния елемент от менюто.</p> <p>Всичко, което се намира между <<<END и END; воспринимается, как html-шаблон (для всего меню или для отдельного пункта).</p> <p>При генериране на менюто, системата се шаблоните на предмети (например menu_line_level1) и ги поставя една след друга. Вземете HTML-код, който съдържа всички опции в менюто. Този код се поставя на мястото на макро% линии%.</p> <p>Така че, трябва да се остави на кода, че ние сме идентифицирали по-горе (рамкиране, елементите от менюто) в съответните блокове. Тя трябва да изглежда по следния начин:</p> <p>Вече знаем, че вместо% линии% система вкарва елементи от менюто с тяхното HTML кадър. Срещнахме нови макроси. % Link% вместо поставянето на URL адреса на елемента от менюто, вместо% текст% - текст (дефинирани в "заглавието на страницата").</p> <p>Сега, менюто може да бъде поставена в една страница макро% меню% шаблон.</p> <p>Ако искате на някои страници за показване на менюта в друг шаблон, трябва да се създаде друг файл с менюто с шаблони на същото място. Например, menu2.tpl. Съответно, когато се свързвате с шаблони на страници меню, вместо% меню% трябва да напиша малко по-различно: меню% съдържание ( "menu2")%.</p> <p>Действието на тази и други макро описани подробно в настоящата документация. Работата с тях е построен точно на същия принцип: нарушите необходима част от HTML-шаблони части са заместени в съответните елементи на шаблона, който искате, въведе тази част подходящия макрос, и тя започва да работи.</p> <p>Важно е да се вземат под внимание: не е необходимо да се поставят няколко макроси на един ред. Вложените макроси може да не работят като аргумент в други макро.</p> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/pochivka-na-brega-na-ezeroto-seligr-dostpni-ceni.html">Почивка на брега на езерото Селигър достъпни цени</a></li> <li><a href="/articles/kak-da-se-zapishete-za-zimata-s-presen-magdanoz.html">Как да се запишете за зимата с пресен магданоз, кориандър съхранение</a></li> <li><a href="/articles/kakvo-da-napravja-za-da-po-tnki-kraka.html">Какво да направя, за да по-тънки крака</a></li> <li><a href="/articles/az-sm-na-razpolozhenie-ot-tele2-kak-da-vkljuchvate.html">Аз съм на разположение - от Tele2 как да включвате и изключвате разходите по обслужването</a></li> <li><a href="/articles/beton-betonirane-ot-otpadane-na-uchenici.html">Бетон бетониране от отпадане на ученици пропорция, снимки</a></li> <li><a href="/articles/folikuljaren-gastrit-prichini-simptomi-i-lechenie.html">Фоликулярен гастрит Причини, симптоми и лечение</a></li> <li><a href="/articles/trutovyh-trba-kakvo-e-tova.html">Trutovyh тръба - какво е това</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/11-programi-i-uslugi-za-szdavane-na-prototipi-sajt.html">11 програми и услуги за създаване на прототипи сайт, онлайн, създаване на оформлението на приложения</a></li> <li><a href="/articles/kakvo-shabloni-19-varianta-primeneniyasvoy-kshha-v.html">Какво шаблони 19 варианта primeneniyasvoy къща в населено място</a></li> <li><a href="/articles/otkrivane-na-firma-v-blgarija.html">Откриване на фирма в България</a></li> <li><a href="/articles/kak-da-promenja-logoto-medijauiki-sajt.html">Как да променя логото МедияУики сайт</a></li> <li><a href="/articles/kak-da-se-organizira-iznosa-na-skrap.html">Как да се организира износа на скрап</a></li> <li><a href="/articles/predsrdnoto-mzhdene-pregled-medicinski-portal.html">Предсърдното мъждене - Преглед - медицински портал EUROLAB</a></li> <li><a href="/articles/polagane-i-podmjana-na-el-instalacija-v.html">Полагане и подмяна на ел.инсталация в апартамента</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <ul> <li><a href="/articles/zapalvane-digitalna-biblioteka.html">Запалване, дигитална библиотека</a></li> <li><a href="/articles/pregled-na-filma-bozhijata-bronja-v-trsene-na.html">Преглед на филма "Божията броня в търсене на съкровище"</a></li> <li><a href="/articles/prez-njakoj-smee-m.html">През някой смее м</a></li> <li><a href="/articles/genetichni-zaboljavanija-test-centr-genotek.html">Генетични заболявания тест център genotek, космополитен списание</a></li> <li><a href="/articles/ginekologichna-klinika-zhensko-zdrave-centr-8.html">Гинекологична клиника "Женско здраве Център" - 8 лекари, 27 мнения за София</a></li> <li><a href="/articles/kak-da-premahnete-vksaver.html">Как да премахнете vksaver</a></li> <li><a href="/articles/stojnostta-na-duma-kakva-e-stojnostta-na-dumata.html">Стойността на дума - каква е стойността на думата, примери за използване</a></li> </ul> </div> </footer></div> </body> </html>