Minunata lume a șabloanelor Joomla

În cel mai recent articol al nostru, vom acoperi trucurile de gestionare și creare a șabloanelor în Joomla 1.5. Dacă sunteți mai interesat de subiect, este foarte recomandat să vizitați Ziua Joomla! Din acest an, unde prezentatorii vor prezenta, de asemenea, noile caracteristici așteptate în versiunea 1.6.

O caracteristică a sistemelor de gestionare a conținutului web este că separă conținutul și proiectarea imaginilor, astfel încât, în cazul unui proprietar de site-uri web sau a unor portaluri mai mari, autorii pot crea articole fără cunoștințe de editare a site-urilor web, iar designerii de web pot proiecta modele profesionale. Un Joomla! renumit pentru șabloane web mai frumoase. Dacă instalați mai multe dintre aceste șabloane, schimbarea aspectului site-ului dvs. web este o chestiune de momente.

Cu toate acestea, adevărul este că acest lucru nu este chiar cazul, deoarece afișarea unei pagini în șabloane depinde de aspectul conținutului și al blocurilor (în Joomla! Jargon: module). De asemenea, este posibil ca ceea ce și cum vedem atunci când se utilizează un șablon să nu fie văzut sau să nu se vadă când se trece la un alt șablon.

Programele desktop (și unele CMS-uri) folosesc termenul „temă” pentru proiectare. Dezvoltarea șabloanelor Joomla este deja atât de avansată de unii designeri încât dezvoltă zeci de teme pentru un șablon, iar noi, utilizatorii, trebuie doar să îl alegem pe cel mai potrivit în setările șablonului. Deoarece un CMS are o interfață administrativă (back-end) care este vizibilă doar pentru a selecta persoane și are o parte a utilizatorului (front-end), este necesar un șablon separat pentru fiecare interfață.

Un Joomla! Pachetul 1.5 include în mod implicit un șablon back-end și avem trei șabloane pentru a afișa pagina utilizatorului. Dintre acestea, permiteți-mi să evidențiez șablonul Beez, care probabil nu vă va plăcea la prima vedere, dar poate fi un bun punct de plecare pentru proiectarea unui site web bazat pe CSS, fără bariere. Șablonul JA Purity bogat în funcții este un JoomlArt vietnamez (!) Proiectat de Joomla! Proiect Joomla! 1.5 concurs de șabloane și ulterior au intrat în distribuție deoarece JA Purity, care a câștigat cele mai multe voturi din partea publicului, a luat marele premiu.

Dacă nu vă plac aceste șabloane, avem trei moduri: fie ne creăm propria lucrare, căutăm din ofertă, fie - pentru zeci de mii de forinți - încredințăm implementarea ideii noastre unui furnizor de servicii profesionist.

Propria mea creație

Proiectarea șabloanelor pare aparent ușoară, deși nu la fel de simplă. Probleme complicate este faptul că browserele web și versiunile lor nu respectă exact cerințele standardelor relevante. Prin urmare, ceea ce arată bine în Firefox, de exemplu, poate arăta diferit în Internet Explorer. Și nu trebuie să uităm lumea dincolo de Windows, deoarece site-ul nostru web poate fi vizitat și cu browsere care rulează Linux sau Mac.

Nu strică să aveți abilități PHP și HTML și să fiți competenți în CSS și este bine să știți limba engleză, deoarece există o multitudine de literatură în limba engleză pe această temă. Un Joomla! un tutorial este, de asemenea, disponibil în documentație, după care putem crea un șablon de bază. Oricine sete de mai multe cunoștințe poate achiziționa cartea „Joomla! 1.5 Template Design” publicată anul trecut de Packt.

Un Joomla! în directorul/templates, stochează fișierele necesare în directorul șablonului și subdirectoarele sale. Puneți foaia (e) de stil în folderul/css, încărcați imaginile-grafică în folderul/images aparținând șablonului. Directorul numit după șablon conține trei fișiere esențiale:

- index.php: aceasta este baza a tot ceea ce Joomla! Livrat de. În esență, creăm o pagină (cum ar fi un fel de pagină HTML), dar punem codul PHP unde trebuie să meargă conținutul.

- component.php: Afișează versiunile de imprimare ale paginilor create de o componentă într-o fereastră pop-up.

- templateDetails.xml: stochează date legate de șabloane, cum ar fi fișierele și pozițiile modulelor - deci este un fișier esențial pe care nu îl puteți vedea fără Joomla! șablonul.

Comprimați fișierele șablon cu structura directorului într-o arhivă în format .zip sau tar.gz pentru distribuire. Utilizatorii finali pot instala cu ușurință acest pachet pe ecranul Plugin Manager.

Un Joomla! 1.5 folosește pe larg modelul de proiectare MVC (Model-View-Controller), a cărui esență, rezumată în concizie cehă, este că putem aplica modificări fără a intra în codul de bază al sistemului. Acest lucru oferă designerilor web o putere și o flexibilitate imense, deoarece nu trebuie să se îngrijoreze de codul sursă, se pot concentra în siguranță pe proiectarea de noi modele. De exemplu, dacă doriți să afișați conținutul într-un aspect diferit de sistemul dvs. de bază, creați subfolderul/html în folderul de sub șablon, inclusiv subfolderul extensiei afectate (de exemplu/com_contact) al cărui aspect doriți să îl personalizați și adăugați extensia la fișierele .php modificate.

Site-ul oficial al câștigătorului premiului Grammy Gloria Estefan este oferit vizitatorilor de Joomla

Cu un alt stilou.

Cei familiarizați cu Joomla sunt invitați pe site-ul bestofjoomla.com, administrat de un membru al comunității, care este un paradis pentru distribuirea șabloanelor. Proiectanții de șabloane își vor publica lucrările aici, le vor testa cu o instalare implicită Joomla și le vor descărca imediat pe cele gratuite. Listele de top publicate în funcție de preferințele vizitatorilor, numărul de descărcări și alte criterii pot ajuta la selectare. Cu sistemul complex de filtrare, ne putem apropia de găsirea șablonului pe care îl dorim.

Se estimează că aproximativ 2,5% din site-urile găzduite pe World Wide Web rulează pe Joomla. Cu milioane de utilizatori, proiectarea Joomla! Templates este o afacere profitabilă, cu aproximativ 3 duzini de furnizori de servicii care împart piața. Unii dintre ei își vând portajul cu 30-50 USD fiecare, alții au înființat cluburi șablon ai căror membri pot accesa toate șabloanele și versiunile emise în timpul calității de membru, în funcție de durata calității de membru (3-6-12 luni). Unele mai de succes, cum ar fi RocketTheme, JoomlArt sau YouJoomla, vin uneori cu șabloane modulare, dar abundente, dar de înaltă calitate, de înaltă calitate.

De asemenea, putem încerca să recolorăm, să rearanjăm și să personalizăm șabloanele Joomla gata făcute, dacă licența șablonului o permite. Nu modificați niciodată fișierele șablonului original, ci faceți o copie. Ca prim pas, creați un subdirector nou în directorul/templates, apoi copiați șablonul implicit în acest subdirector, apoi reparați datele din fișierul templateDetails.xml.

Instalați, configurați și gestionați șabloanele

După conectarea la pagina serverului, șabloanele pot fi instalate pe ecranul Add-on Manager, care poate fi deschis din meniul Add/Remove din meniul Add-ons. Puteți specifica un fișier de pachet pe mașina dvs. locală sau, dacă este acceptat de serverul dvs., puteți instala un pachet șablon care poate fi accesat pe un server la distanță prin copierea adresei URL. Instalarea este o comoditate imensă pentru utilizatori, deoarece aceștia nu trebuie să se îngrijoreze de crearea manuală a structurii de directoare, de încărcarea manuală a fișierelor prin FTP.

De asemenea, puteți vizualiza șabloanele instalate pe ecranul care se deschide selectând Manager șabloane din meniul Extensii. În mod implicit, veți obține o listă de șabloane de pagini de utilizator. Urmați linkul Administrare pentru a vedea o listă de șabloane de pagini de server. Pe măsură ce plasați mouse-ul peste numele șablonului, bulele care apar în balon vă vor ajuta să faceți alegerea. S-ar putea crede că aceste miniaturi vor fi generate de Joomla!, Deși sunt incluse doar în kitul de instalare a șabloanelor.

Pentru a comuta la un alt șablon în locul celui actual, selectați șablonul și faceți clic pe butonul Implicit de pe bara de instrumente. În coloana implicită a tabelului, mica stea galbenă va migra la șablonul nostru. Dacă nu ați deschis încă pagina de utilizator a paginii web în browser, faceți clic pe butonul Previzualizare din secțiunea din partea dreaptă a barei de meniu.

Puteți reveni la pagina serverului urmând linkul cu numele șablonului sau făcând clic pe butonul Modificare din bara de instrumente pentru a deschide un ecran în care puteți personaliza setările șablonului. Secțiunea Parametri vă permite să setați opțiuni care variază de la șablon la șablon și sunt integrate în șablon de către dezvoltator. Pentru șablonul JA Purity, puteți specifica, printre altele, lățimea șablonului, tipul de meniu de utilizat pentru navigare sau puteți selecta un antet și o temă de fundal.

Dând clic pe butonul editor HTML de pe bara de instrumente, puteți deschide fișierul șablon index.php direct pe server pentru a remedia cu ușurință orice erori sau pentru a face modificări.

De asemenea, vedem un buton denumit Editor CSS pe bara de instrumente. După apăsarea butonului Joomla! listează toate fișierele de foi de stil pentru șablon. Selectați cel de care aveți nevoie și faceți clic pe Modificare. Similar cu funcția de editare HTML menționată mai sus, fișierul CSS se deschide pentru editare pentru a ajusta stilul textului sau pentru a înlocui culorile.

Cum pot afla ce poziții de modul acceptă șablonul? Pe ecranul care modifică setările șablonului, faceți clic pe Previzualizare. În Managerul de șabloane, șablonul va fi încărcat cu pozițiile disponibile marcate. Aceasta este o caracteristică extrem de utilă: când instalați un nou modul, este mai ușor să determinați poziția modulului. Pentru a face acest lucru, deschideți modulul Manager din meniul Extensii și deschideți ecranul de modificare a configurației modulului dorit. În secțiunea Detalii, în lista verticală Poziție, puteți selecta poziția modulului. (Din păcate, traducerea numelui acestui control este înșelătoare deoarece același cuvânt original „Poziție” este folosit în altă parte a interfeței.)

Este posibil să știți ce module au fost atribuite unei poziții de modul în șablon? În Managerul de module menționat deja, veți găsi lista verticală „- Selectare poziție -”. În aceasta, selectați unul dintre elemente și butonul Joomla! deja restrânge lista la modulele care aparțin poziției modulului.

Este posibil să adăugați o nouă poziție a modulului? Un Joomla! Comparativ cu 1.0, Joomla! În 1.5, a devenit mult mai simplu. Un Joomla! În 1.0 max. A fost loc pentru 50 de poziții, Joomla! În 1.5, numărul lor a crescut la nelimitat. Adăugarea noii poziții în seria anterioară a fost posibilă pe un ecran special, Joomla! În 1.5, pe ecranul modificatorului de configurare al modulului, puteți introduce numele poziției în câmpul Poziție și îl puteți atribui modulului. După salvare, căutăm degeaba din partea utilizatorului modulul nostru în noua poziție; va fi vizibil numai dacă adăugăm și codul șablonului.

Pozițiile modulului pot fi vizualizate nu numai în administrare, ci și cu un mic truc din partea utilizatorului: după adresa web, introduceți parametrul "? Tp = 1", de exemplu:

http://www.sajatweblap.hu/?tp=1

Nu vă mirați dacă acest truc nu funcționează pe pagina web de testare, deoarece cel mai probabil este dezactivat, deoarece este posibil să faceți acest lucru.

La fel ca paginile statice, Joomla are capacitatea de a avea un aspect și un design diferit pentru fiecare pagină. Pentru aceasta, instalați un șablon nou și deschideți ecranul modificatorului. În secțiunea Atribuire la elemente de meniu, lângă Meniuri, selectați Selectați din listă. Ca urmare, elementele de meniu din câmpul de mai jos vor fi activate și le puteți selecta pe cele cărora doriți să le atribuiți șablonul. După salvare, comutați la pagina de utilizator. Paginile pentru elementul de meniu relevant vor fi afișate împreună cu șablonul selectat.

Șabloanele care au devenit redundante pot fi eliminate cu ușurință în Extension Manager. Faceți clic pe linkul Șabloane, selectați șablonul pe care doriți să îl ștergeți, apoi faceți clic pe Eliminare din bara de instrumente. Șablonul pe care îl utilizați în prezent nu va fi eliminat de Joomla; acest lucru este indicat în tabel de faptul că este gri și nu îi puteți bifa caseta.

Un Joomla! Șabloanele 1.5 (atât pentru interfața de administrare, cât și pentru site) au în cele din urmă propriile lor fișiere lingvistice. Acesta este un mare pas înainte în crearea de site-uri web multilingve și este o bună reflectare a Joomla! Eforturi de internaționalizare a proiectului (i18n). Un Joomla! În 1.0, aceste texte erau hardcode și au rămas în engleză pentru o pagină web engleză-maghiară, de exemplu. Un Joomla! Șabloanele 1.5 acceptă, de asemenea, pe deplin utilizarea limbilor scrise de la dreapta la stânga (de exemplu, arabă, ebraică).

Proiectanții de șabloane care și-au oferit ceva au recunoscut nevoia de a-și pregăti șabloanele pentru a susține și cele mai populare componente Joomla. Inițial, au fost lansate șabloane adaptate pentru un add-on de succes (de ex. VirtueMart, Community Builder, RSGallery), dar astăzi nu puteți rata un șablon fără suport pentru K2, JomSocial, JComments și multe altele.

Sisteme cadru

Un Joomla! este mult mai mult decât un sistem de gestionare a conținutului: este, de asemenea, un cadru pe trei niveluri, cu stratul superior, stratul Extensie, care conține extensiile, inclusiv șabloanele. Acest lucru i-a inspirat pe unii dezvoltatori de șabloane să își dezvolte propriile cadre de șabloane, accelerând inconștient proiectarea de modele flexibile și eficiente. Ceea ce au în comun este că acceptă o varietate de opțiuni de aspect care pot fi configurate pe partea serverului, aleg dintr-o varietate de tipuri de meniu, proiectează șabloane prietenoase căutării și, nu în ultimul rând, acceptă afișarea conținutului web pe dispozitive mobile. Majoritatea acestor cadre sunt acum disponibile gratuit în GNU GPL, astfel încât să putem proiecta șablonul visului nostru din șablonul de bază. Cadrul Gantry de la RocketTheme poate fi instalat ca o componentă Joomla, JoomlArt distribuie cadrul T3 ca un plug-in.

Acolo, întrebarea poate motiva cititorul dacă repetarea acelorași șabloane pe site-uri web diferite nu provoacă un sentiment de falang la utilizatori? Lumea bogată de culori, ideile originale și propriul nostru conținut fac acest lucru uitat de vizitatorii site-ului nostru.

Joomla! Nap 2010

Locul desfășurării: Centrul de conferințe CEU, Budapesta

Data: 9 octombrie 2010.

Înregistrare și program detaliat: Ziua Joomla! 2010