Létrehozása és csatlakoztatása TPL-sablon

A legegyszerűbb módja annak, hogy mintát alapján már lefektetett HTML statikus oldalakat. Tekintsük a teremtés és a kapcsolat a sablon példaként. Tegyük fel, hogy már vannak HTML-fájlt a következő tartalommal:

Ahhoz, hogy hozzá a sablon CMS, akkor létre kell hozni egy fájlt a tpls / content könyvtárba. így például, test.tpl. és illessze be HTML-kódot. CSS-fájlt kell létrehozni a mappát css / cms és felhívta style.css. A fényképek kívánatos, hogy a képek mappába. Ne felejtsük el, hogy változtatni az utat, hogy a képek és a CSS-fájlokat.

A sablon fájl nevét nem tudja használni a magyar betűket!

Ha csatlakozni egy új sablon fájlt, töltse ki az alsó sorban a szabad tér „Sablon neve” (hogy ez valamilyen értelmes nevet, mint például a „Saját vizsgálati minta”) és a „Fájlnév” (esetünkben test.tpl) és kattintással „Mentés”.

Ha szeretné ezt a sablont használni, mint az alapértelmezett sablon, helyezze a jel előtte „mester”. Nos, ez a sablon lesz az alapértelmezett beállítás a legördülő listából válassza ki a sablont. Ahogyan azt fogják használni, hogy megjelenítse a rendszer használó oldalakon az alapértelmezett sablon (Registration, Password Recovery, Sitemap).

Sablonok láthatóak lesznek a legördülő listából szerkesztésekor minden oldalon:

Így az egyik oldalon egy időben lehet használni a sok sablonok, kiválasztja a megfelelő sablont egy oldal, vagy egy csoport oldalakat.

Megpróbál létrehozni egy új oldalt (győződjön meg róla, hogy az új sablon van jelölve a „Design template” opciót), és nézd meg, mi történt az oldalon.

Az oldalon látnunk kell a HTML-sablont. De most statikus. Most kell, hogy ez a dinamikus.

Először meg kell meghatározni, hogy melyik része a HTML-kódot fog változni. Esetünkben fog változni:

ablakcím ;</p> <p>Meta tag kulcsszavak és leírás;</p> <p>fejléc <h1>;</p> <p>Tehát, hogy egy kis munka a HTML-sablont, és módosítása helyett az érintett szakaszok fel makrókat.</p> <p>Például az elején HTML-fájl tartalmazza a meta tagek és címe:</p> <p>Cserélje ki őket a megfelelő makrókat (makró lista a függelékben):</p> <p>A rendszer most a kialakulását az oldalak megteszi a meta tagek és címe előírt minden oldalon külön-külön, és helyettesíti őket a helyére a megfelelő makrókat. Macro nevek emlékezni nagyon könnyen.</p><p>Ugyanígy járunk el a cím szövege. Olyan volt, mint ez:</p> <p>És ez így is lesz. Cím szövegben olvasható makro% header%:</p> <p>A fő az oldal szövegében is változik:</p> <p>Jelenítse meg a főoldalon a szövegben van egy makró% tartalom%:</p> <p>Az elején a címkéket fájl <head> és </head> beilleszteni a makrót:</p> <p>Ez köti össze a gyors szerkesztés, és egyéb hasznos funkciók. Segítségével te leszel képes, a Shift + D gyorsan megy a felülvizsgálata az aktuális oldalt az oldal vagy annak bármely töredékek.</p> <p>Az eredmény így kell kinéznie:</p> <p>Így tartunk egy sablon fájlt, és nézd meg az eredményt. Most az oldalt szinte teljesen dinamikus, kivéve a menü. Will „újraéleszteni” menüben a honlapon. Lássuk, hogyan lehet megjelölni a menüből:</p> <p>A menü tételek. A menüt magát valahogy díszített, és a pontok is kiürülését. Például az egész menüt lehet egyfajta keret vagy a háttérben, a jelenlegi menüpont lehet félkövér, stb Szintén ugyanebben a menüben lehet különböző szinteken.</p> <p>Lapozzunk keretezés:</p> <p>menü a következőképpen néz ki:</p> <p>Aktuális menüpont díszített eltérő módon:</p> <p>Forrás menü sablon van /tpls/content/menu/default.tpl fájlt, és így néz ki:</p> <p>Eleinte egy kicsit homályos. Tény, hogy minden nagyon egyszerű. Nézd meg az első rész a kód:</p> <p>Ez az egység, amely az úgynevezett menu_block_level1. Jelenleg 3 fajta ilyen blokkokat.</p> <p>menu_block_level1 - tartalmazza a HTML-frame menü;</p> <p>menu_line_level1 - tartalmazza a HTML-kód egy menüpontot;</p> <p>menu_line_level1_a - ugyanaz, mint a menu_line_level1 kifejezés csak az aktív menüpontot.</p> <p>Minden, ami között található <<<END и END; воспринимается, как html-шаблон (для всего меню или для отдельного пункта).</p> <p>Létrehozásakor a menüt, a rendszer úgy sablonok tételek (például menu_line_level1), és teszi őket egymás után. Get HTML-kódot, amely tartalmazza az összes menüpontok. Ezt a kódot kell beilleszteni helyett a makró% vonalak%.</p> <p>Tehát, ha kell, hogy tegye le a kódot, hogy már fent azonosított (keretezés, menüpontok) az egyes blokkokat. Meg kell kinéznie:</p> <p>Azt már tudjuk, hogy ahelyett, hogy% vonalak% rendszerben lapkák menüpontok azok HTML-keretben. Találkoztunk az új makrókat. % Hivatkozás% helyett illessze be az URL a menüpont helyett% szöveges% - szöveg (amelyet a „oldal címe”).</p> <p>Most, a menü lehet beilleszteni egy oldalt makro% menü% sablont.</p> <p>Ha azt szeretnénk, egyes oldalakon megjeleníteni menük másik sablont, akkor létre kell hozni egy fájlt a sablon menü ugyanazon a helyen. Például, menu2.tpl. Ennek megfelelően, amikor csatlakozik a menü sablonokat helyett% menü% kell írni egy kicsit másképp:% Menütartalom (menu2)%.</p> <p>A művelet ezen és más makro részletesen az aktuális dokumentumban. A velük való munka épül pontosan ugyanazon elv: ha törik szükséges darab HTML-sablon részeket esetben a megfelelő blokkokban a kívánt sablont, életbe ez a darab a megfelelő makró, és ez elkezd dolgozni.</p> <p>Fontos figyelembe venni: nem szükséges, hogy néhány helyen a makrók az egyik sorban. Beágyazott makrók nem működnek érvként másik makró.</p> </div> <div class="extra"> </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/szerencses-paschke-tv-sorozat-1-evad.html">Szerencsés Paschke (TV sorozat, 1. évad)</a></li> <li><a href="/articles/hogyan-novekszik-macskagyoker.html">Hogyan növekszik macskagyökér</a></li> <li><a href="/articles/smink-velemenyek-a-hatoanyag-a-novekedes-az-uj-haj.html">Smink, vélemények a hatóanyag a növekedés az új haj stemoksidinom - Vichy Dercos neogenic</a></li> <li><a href="/articles/hogyan-lehet-ellenorizni-a-minoseget-a-haz-alapja.html">Hogyan lehet ellenőrizni a minőséget, a ház alapja</a></li> <li><a href="/articles/a-kemenylto-es-a-szoda-informacios-portal-regio.html">A keményítő és a szóda információs portál régió Rostov</a></li> <li><a href="/articles/juice-a-csalan-gyogyszer-tulajdonsagait.html">Juice a csalán gyógyszer tulajdonságait</a></li> <li><a href="/articles/arc-internetes-aruhaz-az-aru-vietnam.html">Arc- - internetes áruház Az áru Vietnam</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/hogyan-lehet-fogyni-gyomberrel.html">Hogyan lehet fogyni gyömbérrel</a></li> <li><a href="/articles/jatek-mafia-erintkezo-hackeles-titkok-es.html">Játék Mafia érintkező hackelés, titkok és alkalmazási hibákat</a></li> <li><a href="/articles/hogyan-valhat-egy-sikeres.html">Hogyan válhat egy sikeres</a></li> <li><a href="/articles/betokozodott-parti-mellhartyagyulladas.html">Betokozódott parti mellhártyagyulladás, tüdőbetegség</a></li> <li><a href="/articles/led-nyomtatasi-technologia.html">LED nyomtatási technológia</a></li> <li><a href="/articles/olvassa-el-a-konyvet-az-online-talizman-remeny-1.html">Olvassa el a könyvet az online talizmán remény 1. oldal</a></li> <li><a href="/articles/cousin-ujra-wdobni.html">Cousin újra „dobni”</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </div> </footer></div> </body> </html>