Crearea unui șablon personalizat Partea 2: Joomla

Am început să testez CMS cu Joomla, am produs mai întâi un șablon personalizat pentru versiunea 1.5.

Joomla este un sistem CMS destul de complex, mai degrabă pentru portaluri mai mari. De exemplu, puteți rula cu ușurință un site web municipal, un magazin web mai mare sau un portal de știri. Cantități mai mari de conținut sunt ideale.

Din experiența mea, personalizarea acestuia este puțin mai legată decât este pentru WP.
Nu trebuie să împărțiți șablonul în secțiuni, dar dacă doriți un aspect unic pentru o subpagină, trebuie să vă gândiți cu atenție unde să mergeți.

Desigur, toate criteriile despre care am scris în partea 1 se aplică și aici, trebuie să puteți crea fără erori un site web HTML-CSS static.

Cum să începeți?

Pregătiți pagina HTML statică de proiectare și fără erori. Citiți documentația pentru fișierele minime necesare care sunt esențiale. Este important ca sintaxa șablonului poate varia de la versiune la versiune. Nu merită să vă ocupați de versiunile anterioare, dacă creați un nou site web, utilizați versiunea curentă Joomla 3.4.8.

Dacă este prima dată când încercați joomla, vă recomandăm să încercați sistemul pe o interfață demo sau subdomeniu, nu pe domeniul live. Atunci când instalați, alegeți, de asemenea, să instalați exemple de date, astfel încât să aveți articole și module demonstrative pentru a testa șablonul personalizat.

Următoarea este o listă pe care am adăugat-o cu fișierele necesare pentru un șablon Joomla simplu.

Șablon de bază Joomla

css/template.css - Elemente de stil pentru șablon
templateDetails.xml - Parametrii șablonului și pozițiile modulului
index.php - Pagină HTML
imagini / - Aici vor fi elementele imaginii de design, imagini de fundal, sigle

După cum puteți vedea din structură, este mai simplu decât WordPress, deoarece nu trebuie să împărțiți codul HTML în secțiuni separate. Partea HTML a șablonului dvs. va fi numai într-un fișier index.php.

Structura Index.php

Joomla are, de asemenea, un set de instrucțiuni personalizate. vă permite să adăugați poziții ale modulului și alte elemente dinamice la șablon.

Puteți specifica apariții condiționate cu ramuri PHP (IF). De exemplu: Dacă doriți să afișați doar o prezentare de diapozitive pe pagina de pornire, nu este necesar să creați un fișier șablon separat pentru pagina de pornire. Pur și simplu introduceți condiția PHP în secțiunea corespunzătoare din index.php.

Cele mai importante instrucțiuni Joomla

- Fișierele de metadate și pluginuri sunt încărcate aici.
- Toate tipurile de conținut, componentele, extensiile, articolele, conținutul sunt încărcate aici
- Pozițiile modulului în care este încărcat conținutul fiecărui tip de modul.
- Afișează mesajele de sistem și mesajele de eroare

Module și poziții ale modulelor

Modulele vă permit să editați conținutul unui șablon printr-o interfață de administrare (la fel ca widgeturile din WP). Pozițiile modulului din fișierul index.php trebuie specificate mai întâi. Puteți alege numele modulelor după cum doriți, de exemplu: „meniul principal”, „bara laterală”, „conținutul de sus” etc.

Există mai multe tipuri de module. Fiecare componentă poate avea, de asemenea, module personalizate. De exemplu, pentru a crea un meniu, trebuie să creați un modul de tip „meniu”.

TemplateDetails.xml

Fiecare dintre propriile poziții ale modulului, definite în fișierul index.php, trebuie adăugate la fișierul templateDetails.xml, astfel încât să poată fi selectat în interfața de administrare. Acest fișier conține, de asemenea, parametrii șablonului și numele fișierelor utilizate în șablon. Aici trebuie acordată o atenție deosebită pentru a vă asigura că nu există cratime sau accente în fișier, deoarece șablonul nu va fi instalat.

Recenzii

Aveți capacitatea de a anula aspectul componentelor și modulelor. Tot ce trebuie să faceți este să copiați fișierele în folderul șabloane/șabloane/html. Poate doriți să faceți acest lucru prin FTP după instalarea șablonului, dar îl puteți configura și în Managerul de șabloane.

Instalați șablonul

Cu copierea FTP simplă, aceasta nu va apărea în interfața de administrare dintre șabloane. Prin urmare, cel mai simplu mod de a instala șablonul este de la Managerul de extensii în mod tradițional. Pentru a face acest lucru, trebuie să comprimați fișierele. Pachetul .Fiți în format ZIP sau .TAR (.RAR nu este bun!).

Șablonul va crește numai dacă nu există nicio eroare, așa că ar trebui să căutați cu siguranță simplitatea (îl puteți extinde ulterior prin FTP, puteți adăuga și o poziție a modulului). De asemenea, fiți foarte atenți să nu includeți greșeli de tipar sau accente.

De asemenea, puteți instala șablonul prin FTP. Copiați șablonul în folderul /weboldalad.hu/templates/ de pe server. Cu toate acestea, acest lucru nu îl va instala încă. Interfața de administrare la care trebuie să accesați Manager de extensii si Descoperi Faceți clic dacă șablonul nu apare în lista extensiilor dezinstalate.

Dacă ați instalat șablonul, În Manager șabloane activezi și ai.

Există o mulțime de opțiuni de configurare în sistem, motiv pentru care merită să păstrați interfața de administrare în limba engleză în timpul dezvoltării, astfel încât veți găsi o soluție mai devreme dacă sunteți blocat.

Am creat un exemplu simplu de șablon pentru a încerca. Instalați prin interfața de administrator în managerul de pluginuri și apoi activați în managerul de șabloane.

Software de editare a șabloanelor

NU! Dacă vrei să o faci bine. Codul dvs. va fi optim din toate punctele de vedere și se va potrivi maxim pentru proiectul dat, dacă evitați „soluțiile magice”.

Software-ul de editare, aproape fără excepție, vă aruncă codul cu propriile clase sau alte suplimente care nu sunt necesare pentru a rula. Nu este nimic mai bun decât Notepad. Faceți din Programmer’s Notepad sau Notepad ++ cel mai bun prieten al dvs.

Intrări corelate

Cine să cumpere șablon de site web HTML, Joomla sau WordPress?

Astăzi, internetul este plin de șabloane de site-uri web mai bine plătite decât mai bine plătite. Un șablon cu grafică de bun gust, care îndeplinește așteptările de astăzi, poate fi achiziționat de oricine la prețuri de la 10-15 USD. Multe companii mici aleg să cumpere un șablon, mai degrabă decât să angajeze un designer de web. Deși este o soluție foarte evidentă și extrem de rapidă, nu este recomandată tuturor. Ce este un șablon web? Practic, am terminat ...

Joomla vs. WordPress: Ce CMS să alegeți?

Înainte de a ne cufunda în lumea WordPress și Joomla, este important să clarificăm ce este un CMS și la ce servește. În general, un sistem de gestionare a conținutului este un software care gestionează conținutul unui site web. Scopul său este ca conținutul să poată fi actualizat dinamic, iar unitățile de conținut să poată fi modificate și programate prin interfața de administrare. Astăzi, un număr mare de Management de conținut ...

Emese Pócsik

Lucrez de mai bine de 10 ani ca designer web/constructor de site-uri. Proiectez în principal site-uri web corporative și materiale de marketing. Din 2016, am predat codificarea receptivă a proiectelor de site-uri web mai complexe în cadrul cursului de web design online.
Mai multe despre mine "

Ai învăța frontend?

Dacă doriți să creați soluții web excelente fără compromisuri, uitați-vă în jurul paginii mele de tutorial. Puteți învăța să utilizați în mod eficient limbaje HTML, CSS, JavaScript pentru a codifica pagini web frumoase cu propriile mâini. Luați-vă abilitățile de web la nivelul următor!

Postări recente

FlowCast XXI. Partea I - Interviu cu mine
Ești imprimantă? Deci, faceți un design web bun
10 sfaturi pentru a vă îmbunătăți experiența de utilizare a site-ului și pentru a crește conversiile
Banner publicitar HTML5 eficient
Vreau să fiu designer de web, ce învăț și unde?
Cum se folosește videoclipul de fundal pe site-ul dvs. web?

Urmați-mă și pe Facebook!

Conținut util, ajutoare, tendințe actuale, marketing online și multe altele, a crearea unui site web si web design din lume. Fii urmașul meu!

Repere

Ai învăța design web?

Vă voi învăța implementarea receptivă a proiectelor de site-uri web mai complexe Curs de web design online. Vă voi prezenta toate trucurile practice și practicile care au fost lăsate aici pe blog.

Intrările instructorului meu

Crearea unui mega meniu în WordPress cu CSS
20 de pluginuri WordPress care sunt cu adevărat utile
Iată cum să utilizați Instrumentele pentru dezvoltatori Chrome
Ce este meta grafic deschis și cum să îl utilizați?
Ce sunt preprocesoarele CSS și pentru ce sunt bune?
Cât de familiarizați cu CSS? 30 de întrebări de încălzire pentru sitebuild

De ce cu mine?

Proiectez site-uri web unice pentru web-ul intern și străin de mai bine de 10 ani.
Consider că este important să vă construiți conștient site-ul în conformitate cu așteptările pieței.
Proiectez într-un stil variat, modern, curat, ținând cont de abordarea de marketing.
Mă străduiesc să produc lucrări precise și de înaltă calitate
Pentru mine, proiectarea site-urilor web înseamnă implementarea de soluții moderne, idei noi și concepte eficiente.
În munca mea, încerc să aplic cele mai noi tehnologii.
Voi încerca să vă ofer cât mai mult ajutor și idei profesionale.

HAI SĂ LUCRĂM ÎMPREUNA?
Din păcate, nu pot întreprinde o nouă colaborare în acest moment, vă mulțumesc pentru înțelegere!

Scrie-mi!

Cererea de ofertă este suspendată din cauza concediului de maternitate. Dacă doriți totuși să-mi scrieți, puteți face acest lucru la această adresă de e-mail: pocsemese [at] gmail.com.

Urmați-mă și pe Facebook!

Conținut util, ajutoare, tendințe actuale, marketing online și multe altele, a crearea unui site web si web design din lume. Fii urmașul meu!

13 ani în afaceri

9736 - cafea
46 - site de succes
14 - feedback pozitiv
1500+ - urmăritor pe facebook