Cum să adaptați șablonul Joomla 1

Cum să adaptați șablonul Joomla 1

Deci, mai jos este traducerea articolului:

1. Adaptați șablonul pentru Joomla 2.5. intrare

2. Asigurați-vă că setările șablonului din partea panoului admin și interfața externă pot fi localizate

În lucrul la Witblits, am vrut să mă asigur că variabilele de limbă ale interfeței interne și externe pot fi traduse complet. La început m-am gândit la asta, pentru că nu am putut găsi documentația privind modificarea fișierelor de limbă în Joomla 2.5. dar în cele din urmă am reușit.







Notă: dacă priviți la un șablon deja instalat, nu veți găsi acolo aceste fișiere lingvistice. Acest lucru se datorează faptului că acestea sunt mutate în / SITEROOT / languages ​​/ en-GB / (British English) atunci când șablonul este instalat.

Conectăm fișierul de localizare a șabloanelor la Joomla

Pentru ca Joomla să includă traducerile, trebuie să adăugați acest text în templateDetails.xml:

Observați cum am specificat calea dosarului: unde fișierele de traducere sunt relative la dosarul rădăcină al șablonului. După crearea fișierelor lingvistice necesare și legarea localizării la Joomla. adăugați acest bloc chiar în partea de sus a fișierului de limbă:

Astfel, legăm drepturile de autor și informațiile de licență. Singurul lucru care trebuie menționat aici este nevoia de a folosi un punct și virgulă în loc de semnul # (care a fost folosit anterior în fișierele .ini din Joomla 1.5) în partea de sus a informațiilor despre fișier. Mi-a luat ceva timp să-mi dau seama, dar dacă nu aș schimba caracterul în acest fel, traducerea nu va fi atașată.

Adăugarea unui fișier de localizare pentru partea administrativă a șablonului

Una dintre sarcinile mele principale a fost să adaug o traducere pentru panoul de administrare și pentru șabloanele de interfață externă. În extensii, acest lucru se poate face prin includerea fișierului de limbă al administratorului (sub același nume ca și interfața externă) în etichetă XML. După o căutare lungă, am aflat în cele din urmă că această metodă nu funcționează pentru șabloane. Constantele de limbă ale interfeței interne și externe sunt conectate în fișierul principal al șablonului de limbă. Iată un exemplu:

Rețineți că setările de etichetă, descriere și radio au constante de limbă. În fișierul de limbă, acestea vor arăta astfel:

3. Utilizând noul "Media"

În Joomla, elementele sunt tipuri de xml, care sunt folosite la crearea opțiunilor. Tipurile implicite sunt text, textarea, radioul, lista, secțiunea, categoria, distanța, fișierul, lista de dosare etc.

Ce va arata astfel:

Fig.1. Element media în Joomla 2.5

Dacă faceți clic pe butonul "lipiți", se deschide caseta de lumină, care permite utilizatorului să selecteze o imagine existentă sau să încarce una nouă:

Cum să adaptați șablonul Joomla 1

Fig.2. Element media din Joomla 2.5 - o fereastră pop-up cu o selecție de fișiere






4. Cum să creați propriile elemente pentru opțiunile șablonului dvs.

De asemenea, a trebuit să-mi rup capul peste această parte, dar mulțumită sfatului lui Stian, a devenit mult mai ușor.

Crearea elementului Loader

Cum să adaptați șablonul Joomla 1

Figura 3. Crearea unui element "loader" în Joomla 2.5

Folosind fișierul admin specializat css admin, am reușit să personalizez aspectul și stilul panoului admin:

Cum să adaptați șablonul Joomla 1

Figura 4. Template Joomla 2.5 - aplicarea elementului "loader" în setările administratorului. panou

Crearea unui pipetă

Fișierul de element "pipetă" este conținut în fișierul zip la sfârșitul acestui articol. Dacă doriți să vedeți ce modificări au fost făcute în cod, trebuie doar să descărcați fișierele atașate și să le studiați cu atenție.

Pentru a activa opțiunile "pipeta", tocmai am adăugat următoarele la templateDetails.xml:

Dacă te uiți la fișierul colorpicker.php. puteți vedea că am adăugat doi parametri noi pentru elementul "pipetă": - "id" și "previewid". Au fost necesare pentru unicitatea lor, astfel încât să mă refer la ele când scriu coduri CSS sau JS. Iată un exemplu de "pipetă" recent creată în acțiune:

Cum să adaptați șablonul Joomla 1

Figura 5. Elementul "eyedropper" din setările șablonului Joomla

Activarea elementelor noi în templateDetails.xml

Un alt detaliu important despre elementele non-standard este faptul că pentru munca lor este necesar să le înregistrăm în fișierul templateDetails.xml astfel încât să lucreze în Joomla. Undeva la începutul fișierului (în versiunea mea - sub blocul de limbă), adăugați acest cod (șablon pentru Joomla 2.5):

În Joomla 1.5, codul va arăta astfel:

Învață că, în cazul șablonului meu Witblits, am decis să salvez toate fișierele de administrator special din subfolder pentru ca totul să fie într-un singur loc. La voi toți puteți fi într-un alt mod.

5. Cum să faciliteze procesul de actualizare pentru utilizatori

Acest lucru a fost cunoscut de la momentul versiunii Joomla 1.5 (sau chiar mai devreme), dar este încă util să știm.
În partea de sus a fișierului templateDetails.xml. unde vedem:

Adăugați metoda = "upgrade" la numele de instalare a etichetei:

Această soluție va permite utilizatorilor să instaleze o versiune actualizată a șablonului, fără a fi nevoie să ștergeți versiunea anterioară - aceasta va permite fișierelor noi versiuni să rescrie fișierele anterioare (din versiunea "veche" a șablonului). Abilitatea de a actualiza șablonul va simplifica viața și viața webmasterilor folosind șabloanele.

6. Coduri scurte pentru parametrii șablonului

În Witblits, am inclus fișierul de opțiuni, pe care l-am descris cu ajutorul variabilelor, am setat câteva funcții și parametri din codul șablonului.

Din moment ce folosesc adesea aceste funcții în cadrul șablonului, am decis să creez variabile pentru fiecare dintre ele - este mai ușor să-mi amintesc și primesc mai puține linii de cod.

Iată câteva exemple:

Aceasta înseamnă că, în loc să scrie:

Pot folosi o versiune mai scurtă:

Cred că o astfel de variabilă va face mult mai ușor navigarea în structura șablonului și nu va fi confundată cu construcțiile lungi.

7. Lista actualizată a erorilor de sintaxă din error.php

Dacă șablonul utilizează un fișier error.php standard (situat la rădăcina șablonului), va trebui să actualizați lista de erori de sintaxă pentru a funcționa în Joomla 2.5.

Acest cod este preluat din documentația originală:

8. Înlocuirea șabloanelor de ieșire de bază în Joomla 2.5

În Joomla 1.5, datorită producției tabulare a mai multor componente și module când am creat Morph, trebuia să creez propriile șabloane de ieșire a componentelor în folderul html - astfel încât codul era frumos și semantic.

Odată cu lansarea lui Joomla 1.6, această nevoie a dispărut în multe locuri, deoarece dezvoltatorii folosesc deja aspectul minunat normal și pentru multe componente disponibilitatea șabloanelor de ieșire nu este atât de urgentă ca în Joomla 1.5. Țineți cont de acest lucru atunci când actualizați șabloanele.

De la versiunea 1.6, codul șablonului a devenit mai pur și semantic. În acest sens, am decis să eliminăm suprascrierile html existente și le înlocuim cu altele noi.

Descărcați elementele de șablon utilizate în acest articol:

Multumesc kip0ki si Sulpher pentru ajutor in traducerea si editarea articolelor.







Articole similare

Trimiteți-le prietenilor: