Crearea și conectarea TPL-șablon

Cel mai simplu mod de a face modele pe baza deja stabilite în pagini HTML statice. Luați în considerare crearea și conectarea șablonul ca un exemplu. Să presupunem că există deja HTML fișier următorul conținut:

Pentru a adăuga șablonul la CMS, aveți nevoie pentru a crea un fișier în directorul tpls / conținut. de exemplu, test.tpl. și inserați pentru a HTML-cod. CSS-fișier ar trebui să fie pus în dosarul css / CMS si numit style.css. Imaginea este de dorit pentru a pune în dosarul de imagini. Nu uitați să schimbați calea către toate imaginile și CSS-fișiere.

Numele fișierului șablon nu se poate utiliza literele românești!

Pentru a conecta un nou fișier șablon, completați linia de jos a câmpului liber „Template Name“ (da un nume semnificativ, cum ar fi „Modelul meu de test“) și „File Name“ (în cazul nostru, test.tpl) și faceți clic "Save".

Dacă doriți ca acest șablon pentru a utiliza ca șablon implicit, puneți un semn în fața lui „maestru“. Acum, acest șablon va fi selectat în mod implicit în lista verticală, selectați șablonul. Așa cum va fi folosit pentru a afișa paginile de sistem care utilizează șablonul implicit (înregistrarea, Recuperare parola, Harta site-ului).

Șabloanele vor fi vizibile în lista verticală la editarea fiecare pagină:

Astfel, pe un site la un moment dat se poate folosi o mulțime de template-uri, selectând șablonul corespunzător pentru o singură pagină, sau un grup de pagini.

Încercați să creați o pagină nouă (asigurați-vă că noul șablon este selectat în opțiunea „Design template“) si uita-te la ceea ce sa întâmplat pe site.

Site-ul ar trebui să vedeți HTML-șablon. Dar acum el este static. Acum aveți nevoie pentru a face dinamic.

În primul rând aveți nevoie pentru a determina care părți ale HTML-cod se va schimba. În cazul nostru va fi schimbat:

titlu fereastră ;</p> <p>Cuvintele cheie și descriere Meta tag-uri;</p> <p>Text antet <h1>;</p> <p>Deci, pentru a fi un pic de lucru cu HTML-șablon și, în loc de a schimba secțiunile relevante puse macro-uri.</p> <p>De exemplu, la începutul HTML-fișier conține meta tag-uri și din titlu:</p> <p>Înlocuiți-le cu macrocomenzile corespunzătoare (lista macro este dată în anexă):</p> <p>Sistemul este acum în formarea paginilor va lua meta tag-uri și titlul prescrise pentru fiecare pagină în mod individual, și să le înlocuiască în locul macro-urile corespunzătoare. Numele Macro să-și amintească foarte ușor.</p><p>În mod similar vom continua cu textul titlului. A fost ca acest lucru:</p> <p>Și va fi așa. Titlul textului afișează macro% antet%:</p> <p>Textul principal al paginii, de asemenea, modificări:</p> <p>Pentru a afișa pagina principală a textului are un macro% conținut%:</p> <p>La începutul fișierului tag-uri <head> și </head> inserați macrocomanda:</p> <p>Această linie conectează editarea rapidă, precum și alte caracteristici utile. Cu ajutorul ei vei putea, prin apăsarea Shift + D. du-te repede la revizuirea paginii curente a site-ului sau la oricare dintre fragmentele sale.</p> <p>Rezultatul ar trebui să arate astfel:</p> <p>Astfel, vom menține un fișier șablon și uita-te la rezultatul. Acum, pagina este aproape complet dinamică, cu excepția meniului. Va „revigora“ meniul site-ului. Să vedem cum să marcați meniul:</p> <p>Meniul este format din elemente. Meniul în sine este oarecum decorat, iar punctele au, de asemenea, clearance-ul. De exemplu, întregul meniu poate fi un fel de cadru sau fundal, elementul de meniu curent poate fi bold, etc. De asemenea, în același meniu pot fi diferite niveluri.</p> <p>Derulați până la încadrare:</p> <p>Meniul este conceput după cum urmează:</p> <p>element de meniu curent este decorat într-un mod diferit:</p> <p>șablon de meniu sursă este în fișierul /tpls/content/menu/default.tpl și arată astfel:</p> <p>La început, un pic neclar. De fapt, totul este foarte simplu. Uită-te la prima parte a codului:</p> <p>Această unitate, care se numește menu_block_level1. Există 3 tipuri de astfel de blocuri.</p> <p>menu_block_level1 - conține meniul HTML-cadru;</p> <p>menu_line_level1 - contine HTML-cod un element de meniu;</p> <p>menu_line_level1_a - la fel ca menu_line_level1, este utilizat numai pentru elementul de meniu activ.</p> <p>Tot ceea ce este situat între <<<END и END; воспринимается, как html-шаблон (для всего меню или для отдельного пункта).</p> <p>La generarea meniului, sistemul ia șabloanele de elemente (de exemplu, menu_line_level1), și le pune una după alta. Get HTML-cod, care conține toate elementele de meniu. Acest cod este introdus în locul macro% liniile%.</p> <p>Deci, aveți nevoie pentru a pune în jos codul pe care l-am identificat mai sus (încadrare, elementele de meniu), în blocurile respective. Ar trebui să arate ceva de genul asta:</p> <p>Știm deja că, în loc de linii% sistem% introduce elemente de meniu cu lor HTML-cadru. Ne-am întâlnit noi macro-uri. %% Link în loc de inserând adresa URL a elementului de meniu, în schimb% de text% - text (definit în „titlul paginii“).</p> <p>Acum, meniul poate fi inserat într-o pagină macro meniu%% șablon.</p> <p>Dacă doriți pe unele pagini pentru a afișa meniuri într-un alt șablon, trebuie să creați un alt fișier cu meniul șablon în aceeași locație. De exemplu, menu2.tpl. Prin urmare, atunci când vă conectați la șabloanele de pagini de meniu în loc de meniu%% ar trebui să scrie un pic diferit: meniu de conținut% ( „menu2“)%.</p> <p>Funcționarea acestui și a altor macro descrise în detaliu în documentația curentă. Lucrul cu ei este construit exact pe același principiu: vă rupe o bucată necesar de piese HTML-șablon sunt substituite în blocurile respective ale șablonul pe care doriți, a pus în aplicare această piesă macro corespunzătoare, și începe să lucreze.</p> <p>Este important să se ia în considerare: nu este necesar să se plaseze câteva macro-uri pe un singur rând. macro-uri imbricate nu poate funcționa ca argument în alte macro.</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/impregnarea-trekking-membrana-shoe.html">Impregnarea trekking (membrană) Shoe</a></li> <li><a href="/articles/cum-sa-aiba-grija-de-melc-african-achatina-vorbim.html">Cum să aibă grijă de melc african Achatina, vorbim despre toate focul</a></li> <li><a href="/articles/copac-broasca.html">copac broasca</a></li> <li><a href="/articles/crisolit-piatra-piatra-magica-si-proprietati.html">crisolit Piatra piatra magică și proprietăți terapeutice, în special în selectarea produselor cu crisolit</a></li> <li><a href="/articles/avantajele-incomparabile-de-energie-electrica.html">Avantajele incomparabile de energie electrică</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/la-incercari-labutenah.html">La încercări labutenah</a></li> <li><a href="/articles/weave-cutii-gay-de-vita-de-vie-din-hartie.html">Weave cutii gay de viță de vie din hârtie</a></li> <li><a href="/articles/salariile-calculate-l.html">Salariile calculate - l</a></li> <li><a href="/articles/emy-a-fiintei-si-a-constiintei-in-filozofie.html">Emy a ființei și a conștiinței în filozofie - studopediya</a></li> <li><a href="/articles/despre-colaps-similitudine.html">Despre colaps similitudine</a></li> <li><a href="/articles/9-mituri-despre-otet-de-mere-in-care-nu-cred.html">9 mituri despre oțet de mere, în care nu cred</a></li> </ul> <br> <a href="/privacy.html">Politica de confidențialitate</a> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <br> <ul> <li><a href="/articles/obosit-de-viata-cu-parintii.html">Obosit de viață cu părinții</a></li> <li><a href="/articles/alimente-trainer-trainer-pisica-pentru-a-cumpara.html">alimente Trainer (Trainer) pisica pentru a cumpăra la un preț scăzut în București, St. Petersburg</a></li> <li><a href="/articles/balsam-de-buze-sephora-kiss-me-balsam-03-capsuni.html">Balsam de buze Sephora kiss me balsam # 03 căpșuni comentarii fizz</a></li> <li><a href="/articles/departamentul-orl-spitalul-clinic-3-le.html">Departamentul ORL - Spitalul Clinic №3 le-</a></li> <li><a href="/articles/chronemics-studopediya.html">Chronemics - studopediya</a></li> <li><a href="/articles/receptie-laktofiltrum-baby-este-posibil-deja-de.html">recepție Laktofiltrum Baby este posibil deja de patru luni - o frumoasă și sănătoasă</a></li> <li><a href="/articles/h1gh-iarta-pentru-love-2018.html">H1gh - Iarta pentru Love (2018) (</a></li> </ul> </div> </footer></div> </body> </html>