Site-carte - șablon croitor pentru joomla

Joomla - un sistem extensibil puternic pentru dezvoltarea de site-uri!

- Dezvoltarea de site-uri de orice complexitate și funcționalitate.

- Un număr foarte mare de template-uri, module și extensii pentru fiecare nevoie

- Posibilitatea de a crește funcționalitatea cu extensii suplimentare

- Elemente personalizabile aspect pe șablonul de site-ul principal

Ce-ar spune, „pentru a intra în tema“ și să nu fie frică la început, începe studiul cu un exemplu simplu. Încercați să utilizați CMS Joomla pentru a face carte de vizita on-line.

Asigurați-site-ul va fi pe serverul local. Prin urmare, dacă nu ați instalat încă apache, php, baze de date, si Joomla, ar trebui să o faci în primul rând le sau de a lua cunoștință cu un număr de articole:

și de a efectua toate datele pe care le face referire. Nu-ți face griji, că lista este lungă - materialul este ușor de înțeles și de recomandările date nu ar trebui să provoace dificultăți. Timp, la toate va lăsa nu atât de mult cât ar putea părea.

Deci, ai terminat - serverul este instalat și una dintre versiunile Joomla (ceea ce - alegeti, vom lua în considerare toate cele trei opțiuni). Puteți introduce liber în panoul de administrare și începe pagina principală în browser. Dacă este așa, atunci putem începe theming.

Ca bază vom lua site-ul carte de vizită, a cărei aspect a fost descris în detaliu în secțiunea acestei resurse „șabloanelor de aspect“. Link-uri la versiunea demo și codul sursă localizat de mai jos.

Descărcarea codului sursă, despachetați arhiva la computer și de a trece la afaceri. Dacă este făcută corect, ar trebui să vedeți un synchronous_14 dosar. în interiorul căruia este următoarea structură:

• Folder css - deține site-ul style.css fișierul stilizare.
• Imagini dosar și imagini dosar / pic - stoca elemente grafice utilizate în proiectarea site-ului.
• dosar Js - există jQuery bibliotecă jquery-1.7.1.min.js și fișiere script my_script.js. care sunt utilizate pentru elementele grafice dinamice ale site-ului.
• Fișier company.html - Site-ul "Despre noi".
• fișier contact.html - pagina cu contacte.
• Fișierul index.html - pagina principala a site-ului.
• fișier news.html - pagina cu anunțuri de știri.
• fișier PIE.htc - un fișier script care vă ajută să utilizați tehnica css 3 în IE 7-8.

Pentru pachetul de instalare avem nevoie de dosarul css. imagini. js, cu tot conținutul lor și fișierele index.html. PIE.htc.

Directorul synchronous_14 a crea un dosar sincron (acesta va fi numit șablonul nostru în joomla) și copiat la toate fișierele și dosarele de mai sus. Dacă ți-e teamă să te pierzi, directorul sincron poate fi creat oriunde pe hard disk. Este important ca tu, atunci a fost ușor să o găsească.

În continuare, aveți nevoie pentru a face modificări în fișierele existente și de a crea unele noi, fără de care nu recunoaște joomla template în timpul instalării. Acest proces este puțin diferit în funcție de versiunea de CMS, pentru care se face un șablon, astfel încât împărțiți descrierea, în conformitate cu obiectivele dorite:

Cred că, pentru versiunea procesului de 1.5.h Joomla pare cel mai consumatoare de timp.

În primul rând, pregătiți imaginea care va fi afișată în panoul administrativ în managerul de șablon, dacă treceți cu mouse-ul peste numele șablonului (înainte de inspecție). Dimensiunea imaginii trebuie să fie la 206rh 150rh.

Mergem în dosarul sincron. deschide fișierul index.html în browser și face o captură de ecran. Se încarcă captură de ecran în Photoshop și folosind instrumentul Crop Tool. cu dimensiuni predefinite, obținem o imagine a paginii de start. Imaginea finală este salvată în directorul rădăcină numit template_thumbnail.png sincron.

Apoi, redenumiți fișierul index.html la index.php

Deschideți Notepad, creați un nou fișier. Prevede următoarele linii:

Salvați fișierul creat în rădăcina șablonului numit index.html

În dosarul sincron. copiați și inserați fișierul index.html în fiecare dosar șablon (css, js, imagini, imagini / poza).

În Notepad, creați un nou fișier și salvați-l la rădăcina șablonului cu numele params.ini. În acest dosar a scrie ceva care nu este necesar, lăsați-l necompletat. El trebuie să le păstreze parametrii template joomla (dacă orice modificare) și trebuie să fie prezente în pachetul de instalare necesar.

În Notepad, creați un nou fișier și salvați-l la rădăcina șablonului cu numele templateDetails.xml.

Ei bine, am ajuns în cele din urmă să Nastiest lucrările pe scena de la crearea șablonului de instalare pentru Joomla 1.5 - va trebui să scrie una dintre cele mai importante fișiere și capricios.

Creați un fișier nou în Notepad, salvați-l la rădăcina șablonului cu numele templateDetails.xml și scrie următorul cod:

Acum, pe scurt despre ce înseamnă toate aceste cuvinte. Primul și al doilea rând - documentul capac xml (rămân neschimbate pentru joomla 1,5 ori).

Următoarea este o pereche instala o etichetă care conține instrucțiuni sub formă de atribute pentru instalare admin Joomla.

Între numele tag-ul prevede nume de șablon (același ca numele directorului rădăcină).

Eticheta specifică data CreationDate a crea un șablon.

Versiunea eticheta conține informații despre versiunea șablonului.

Între descriere etichete scrie o scurtă descriere care va fi afișat în panoul de administrator șablonul manager.

În continuare vin fișierele tag-uri asociate. în interiorul căruia, între numele fișierului tag-uri este absolut lista cu toate fișierele conținute în șablon.

Următoarea secțiune a pozițiilor între poziția de etichete conține o listă a tuturor elementelor pentru unitățile prevăzute în șablon. Noi încă nu există doar o singură poziție este desemnată cu numele din stânga.

Și, în sfârșit, în params secțiune specifică parametrii șablonului modificabili, dacă este cazul. În acest model de parametri variabili nu va face, astfel încât secțiunea nu se poate prescrie.

Am venit fișierul index.php. Deschideți-l în Notepad. În partea de sus a inserției următorul storoki.

Acest design Interzicem accesa fișierul direct (din motive de securitate).

În opțiunea atributului tag-uri html lang ru mine urmatorul design-php