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/bevandorlasi-mongolia-hogyan-kap-allampolgarsagot.html">Bevándorlási Mongólia hogyan kap állampolgárságot, jellemzői és az életszínvonal, élnek az országban</a></li> <li><a href="/articles/zslrok-aralia-minden-a-belteri-novenyek.html">Zsírok (Aralia) - Minden a beltéri növények</a></li> <li><a href="/articles/snip-elektromos-munka.html">Snip elektromos munka</a></li> <li><a href="/articles/tsikloferon-es-az-alkohol-kompatibilitas-es.html">Tsikloferon és az alkohol kompatibilitás és következményei vélemények</a></li> <li><a href="/articles/gondozasa-periferias-venas-kateter.html">Gondozása perifériás vénás katéter</a></li> <li><a href="/articles/stefanplast-allat-hordozo-egy-fem-ajto-gulliver-1.html">Stefanplast állat hordozó egy fém ajtó Gulliver 1</a></li> <li><a href="/articles/diktalas-zivatar.html">Diktálás - zivatar</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/ki-es-mi-megy-thaifold.html">Ki és mi megy Thaiföld</a></li> <li><a href="/articles/what-lies-beneath-2018-nez-online-vagy-letoltheto.html">What Lies Beneath (2018) néz online vagy letölthető film keresztül torrent</a></li> <li><a href="/articles/ardatovsky-crh-nyizsnyij-novgorod-regioban.html">Ardatovsky CRH - Nyizsnyij Novgorod régióban</a></li> <li><a href="/articles/dollar-edessegek.html">Dollár édességek</a></li> <li><a href="/articles/francia-manikur-20-legjobb-otletek-hogy-szeretne.html">Francia manikűr 20 legjobb ötletek, hogy szeretné, hogy az élet, a legjobb magazin</a></li> <li><a href="/articles/a-csonakmotorok-watersnake-csonakmotorok-es.html">A csónakmotorok Watersnake, csónakmotorok és akkumulátorok</a></li> <li><a href="/articles/az-onertekeles-az-emberi.html">Az önértékelés az emberi</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>