Ce reprezintă șablonul Joomla 1


Înainte de a crea un nou șablon, trebuie să înțelegeți structura acestuia, din ce constă șablonul. Vom analiza compoziția șablonului pe baza unui șablon de demonstrație, deci este recomandat ca toți cititorii să descarce acest șablon - este mult mai ușor de înțeles șablonul, având un exemplu la îndemână.







Șablonul de demonstrație este ambalat într-o arhivă. Aici vom face o mică deviere lirică: în Joomla! orice componentă, modul sau șablon trebuie arhivate în arhiva zip înainte de instalare. Nu mă întreba de ce. Vă sugerăm să dezarhivați arhiva cu șablonul. Va apărea un dosar cu numele șablonului (de exemplu, rd_demotemplate), care conține toate fișierele șablon importante sau, cu alte cuvinte, șablonul în sine se află în acest folder.

După instalarea Joomla. ați observat probabil dosarul / șabloanele printre alte dosare. În acest dosar sunt stocate toate șabloanele instalate. În versiunea standard a Joomla! este instalat cu două șabloane - madeyourweb și rhuk_solarflare_ii. După instalarea sistemului, folderul / șabloanele arată astfel:

Rețineți că numele folderului de șabloane trebuie să aibă același nume ca și șablonul și să nu conțină spații. Uneori, numele șablonului este adăugat cu inițialele sau numele designerului, de exemplu: rhuk_solarflare.

Acum, să mergem la studiul șablonului propriu-zis. Deschideți directorul rhuk_solarflare_ii și examinați fișierele templateDetails.xml și index.php.

Puteți spune că acestea sunt cele mai importante fișiere șablon, astfel încât acestea să fie întotdeauna în directorul principal al șablonului.

index.php - Aspectul șablonului. Conține codul de proiectare, parametrii de ieșire ai componentelor și modulelor. (X) HTML și PHP.

Pe lângă fișierele listate mai sus, șablonul include și: o captură de ecran a șablonului. fișiere css. imagine.

Pentru a instala șablonul, accesați "Panoul de control" al site-ului -> "Instalare / Dezinstalare" -> "Șabloane de site" și specificați arhiva zip cu șablonul.

În plus față de instalarea automată, puteți seta șablonul manual. Pentru a despacheta arhiva, și se extrage dosarul cu directorul șablon în / template-uri ale site-ului.

templateDetails.xml

Exemplul șablonului templateDetails.xml:

Iar acum luați în considerare fiecare linie a fișierului:

  • mosinstall - conține informații despre instalarea șablonului. Tipul de parametru = "șablon" indică faptul că șablonul este instalat.

nume: - Numele șablonului. În timpul instalării, va fi creat un dosar cu același nume, astfel încât să nu puteți utiliza spații în numele șablonului.

Acesta este fișierul care determină aspectul șablonului și este responsabil pentru afișarea componentelor / modulelor pe ecran. În acest fișier vom petrece majoritatea timpului creând șablonul. Și acest fișier este responsabil pentru conformitatea șablonului cu standardele W3C. Bine, e timpul să mergem la studierea acestui dosar. Mai întâi, pentru fiecare șablon trebuie să definiți DOCTYPE. etichetă Spune browser-ului despre tipul documentului curent și modul de interpretare a acestuia. Există mai multe versiuni și tipuri (X) de documente HTML. Tipul șablonului nostru este XHTML 1.0 Transitional.







În plus față de versiunea de tranziție XHTML. există o versiune strictă. Din nou, atunci când descriem diferențele dintre aceste două versiuni, totul depinde de standardele W3C.

  • XHTML 1.0 Strict este folosit dacă documentul are o separare clară între design și conținut. În acest caz, codul paginii web conține numai etichete de marcare, iar tipul de elemente este specificat prin stiluri.
  • XHTML 1.0 Transitional este de obicei utilizat atunci când separarea design-ului și a conținutului nu este implementată pe deplin. În acest caz, este permisă utilizarea etichetelor de design fizic (de exemplu, o etichetă ) și numai parțială.

Ce altceva este în index.php?

Ei bine, cu definiția DOCTYPE ne-am dat seama, așa că în următorul cod, am omite definiția tipului de document. Toate modelele normale constau din două părți principale: antetul ( ) și corpul documentului ( ). O secțiune antet poate conține text și etichete, dar conținutul acestei secțiuni nu apare direct pe pagină. Acum, să examinăm un exemplu al șablonului nostru. Uitați-vă la cod:

Din nou, ca și în cazul templateDetails.xml, decodez fiecare rând din codul de mai sus:

Această linie indică browserului care codificare este utilizat pe site. Dacă codificarea nu este specificată, browserul încearcă să determine ce tip de caractere este folosit în document și selectează automat codificarea necesară. Browserul nu poate recunoaște întotdeauna cu exactitate limba paginii web și în unele cazuri oferă o codificare vietnameză în loc de chirilă. Din acest motiv este mai bine să indicați întotdeauna linia dată.

Înlocuiesc meta-etichetele într-o pagină Web. Etichetele Meta sunt utilizate pentru a stoca informații destinate browserelor și motoarelor de căutare. De exemplu, mecanismele motoarelor de căutare se referă la metaetichetele pentru a obține o descriere a site-ului, a cuvintelor cheie și a altor date. Datele pentru formarea etichetelor meta sunt luate din configurația globală a site-ului. Include următoarele câmpuri:

Conectați un alt fișier css

Pentru a conecta foaia de stil conectată, utilizați eticheta în antetul paginii șablonului Joomla. Calea către un fișier cu stiluri poate fi relativă sau absolută. În cazul nostru, se folosește calea relativă la fișier. Designul returnează numele șablonului curent Joomla la document sau mai degrabă numele dosarului cu șablonul Joomla.

Avantajele conectării unui fișier de stil separat:

  • Utilizați un fișier de stil
  • Puteți modifica foaia de stil fără a modifica index.php
  • Dacă modificați stilul într-un singur fișier, stilul se aplică automat tuturor elementelor relevante.
  • Fișierul cu stilul primului boot este plasat în memoria cache a calculatorului local, astfel încât site-ul se încarcă mai repede.

Conținutul de ieșire prin index.php

Acest fișier este destinat nu numai pentru afișarea meta-informațiilor și determinarea tipului de șablon Joomla. Scopul principal al index.php este rezultatul conținutului (știri, module, etc.). În Joomla! au deja toate comenzile de ieșire necesare pentru conținut, trebuie doar să fie introduse în locul dorit al șablonului. Mai jos sunt cele mai simple șabloane de cod pentru Joomla 1.0.x.

Luați în considerare:

  1. Afișează numele site-ului oriunde în șablon.
  2. Pathway. Afișează secțiunea site-ului în care se află utilizatorul.
  3. Modulele de ieșire din "partea de sus"
  4. Modulele de ieșire din "stânga"
  5. Rezultatul conținutului principal - știri / componente etc.
  6. Modulele de ieșire din "dreapta"
  7. Footer șablon. Această comandă conectează fișierul footer.php. situat în / include site-ul.






Articole similare

Trimiteți-le prietenilor: