Създаване и свързване 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/svobodnostojashh-mebeli-rcete-akademijata-na.html">Свободностоящ мебели ръцете - Академията на студент</a></li> <li><a href="/articles/preminavane-km-osnovnija-dinamichen-disk.html">Преминаване към основния динамичен диск</a></li> <li><a href="/articles/instrukcii-beloderm-za-upotreba-cena-revjuta.html">инструкции Beloderm за употреба, цена, ревюта - лекарства, наркотици - медицинска портални -</a></li> <li><a href="/articles/modulni-zali-za-organizirane-na-prostranstva-i.html">Модулни зали за организиране на пространства и архитектурни намеси</a></li> <li><a href="/articles/mops-ili-frenski-buldog-koito-izberat-pljusovete-i.html">Мопс или френски булдог, които изберат плюсовете и минусите на скали</a></li> <li><a href="/articles/vsichko-za-porodata-miniatjura-bulterier-vizh.html">Всичко за породата Миниатюра Бултериер! Виж темата - отглеждане и борбата с наследствено заболяване</a></li> <li><a href="/articles/edna-silna-zashhita-sreshhu-molitvata-na-ljubovta.html">Една силна защита срещу молитвата на любовта магия, съдба контрол</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/dietichni-gseta.html">Диетични гъсета</a></li> <li><a href="/articles/zaustvanijata-cifri-v-sstava.html">Заустванията цифри в състава</a></li> <li><a href="/articles/pile-s-portokalov-sos.html">Пиле с портокалов сос</a></li> <li><a href="/articles/foxpro-klub-vfp-kato-ole-srvr.html">Foxpro клуб VFP като оле-сървър</a></li> <li><a href="/articles/tajga-tik.html">тайга тик</a></li> <li><a href="/articles/kakvo-zhivotno-da-imat-dete.html">Какво животно да имат дете</a></li> <li><a href="/articles/premahvane-na-benki-nevus-medicinska-klinika.html">Премахване на бенки (невус), медицинска клиника</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <ul> <li><a href="/articles/promishlen-prah.html">промишлен прах</a></li> <li><a href="/articles/informacionna-sluzhba.html">информационна служба</a></li> <li><a href="/articles/kot-neistov-noshh.html">Кот неистов нощ</a></li> <li><a href="/articles/srebro-925-ot-kitaj-kato-biznes-da-se-napravi.html">Сребро 925 от Китай като бизнес, да се направи реална!</a></li> <li><a href="/articles/normativni-dokumenti-za-proektirane-na-inzhenerni.html">Нормативни документи за проектиране на инженерни мрежи SNP ГОСТ MGSN</a></li> <li><a href="/articles/na-radioaktivnost-izotopi-radionuklidi.html">На радиоактивност, изотопи, радионуклиди</a></li> <li><a href="/articles/nie-izgotvjame-za-svatba-menju-ljato.html">Ние изготвяме за сватба меню лято</a></li> </ul> </div> </footer></div> </body> </html>