Temele WordPress trebuie să fie dezvoltate folosind următoarele standarde:
- Folosiți HTML bine structurat, fără erori PHP, și valid.
- Utilizați CSS curat, valid.
- Urmați liniile directoare de proiectare.
Din ce e compusă o temă
Temele WordPress se găsesc în subdirectoarele din directorul WordPress themes (implicit wp-content/themes/), şi nu pot fi mutate direct cu ajutorul fișierului wp-config.php. Subdirectorul temelor conţine toate fișierele de stil ale temei, fișierele șablon, și opţional fișierul cu funcții (functions.php) , fișiere JavaScript, și imagini. De exemplu, o temă numit „test” se va găsi în directorul wp-content/themes/test/. Evitați utilizarea de numere pentru numele temei, întrucât astfel nu va fi fi afișată în lista de teme disponibile.
WordPress include o temă implicită în fiecare instalație nouă. Examinaţi fișierele din tema implicită cu atenție pentru a vă face o idee mai bună asupra modului de a construi fișierele propriei teme.
Temele WordPress constau de obicei din trei tipuri principale de fișiere, în plus față de imagini și fișierele JavaScript:
- Foaia de stil numită style.css, care controlează prezentarea (designul vizual și aspectul) din paginile site-ului.
- Fișierele șablon WordPress care controlează modul în care paginile site-ului generează informațiile din baza de date WordPress pentru a fi afișate pe site.
- Fișierul opţional de funcții (functions.php), ca parte a fişierelor temei WordPress.
Teme copii (child themes)
Cel mai simplă temă este o temă copil care include doar un fișier style.css, plus oricare imagini. Acest lucru este posibil întrucât aceasta este un copil derivat al unei alte teme care acționează în calitate de părinte.
Foi de stil ale temelor
În plus față de informațiile de stil CSS pentru tema dvs., style.css oferă detalii despre temă sub formă de comentarii. Foaia de stil trebuie să furnizeze detalii cu privire la temă sub forma de comentarii. Nu pot exista două teme cu aceleași detalii enumerate în anteturile de comentarii, deoarece acest lucru va duce la probleme în dialogul de selectare a temei. Dacă vă dezvoltaţi propria temă prin copierea unuia existentă, asigurați-vă că modificați aceste informații în primul rând.
Ceea ce urmează este un exemplu cu primele câteva rânduri ale foii de stil, numit antetul de stil, pentru tema „Twenty Thirteen”:
/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you’ve learned with others.
*/
NB: Numele folosit de autor este recomandabil să fie la fel ca numele de utilizator wordpress.org al autorului temei, deși poate fi şi numele real al autorului. Alegerea este a autorului temei.
De notat lista de tag-uri folosite pentru a descrie tema. Acestea permit utilizatorului să găsească tema folosind filtrul de tag-uri.
Liniile de antet de comentarii în style.css sunt necesare pentru WordPress pentru a fi în măsură să identifice tema și să fie afișată în panoul de administrare în Design > Themes ca o opțiune de temă disponibilă împreună cu oricare alte teme instalate.
Ghid pentru foile de stil
- Respectarea standardelor de codificare CSS atunci când se crează propriul CSS.
- Utilizați CSS valid atunci când este posibil. Ca o excepție, utilizaţi prefixe specifice de furnizor pentru a profita de caracteristicile CSS3.
- Minimizaţi modificările CSS. Excepția este suportul specific pentru browser, de obicei versiuni de IE. Dacă este posibil, separaţi modificările CSS în secțiuni separate sau fișiere separate.
- Toate posibilele elemente HTML trebuie să fie stilizate de temă, atât în conţinutul postărilor / paginilor, cât și în comentarii.
- Tabele, legende, imagini, liste, citate, etc.
- Adăugarea stiluri prietenoase la imprimare este foarte recomandată.
- Puteți include o foaie de stil de imprimare cu media="print" sau adăugaţi-o într -un bloc media de imprimare din foaia de stil principală.
Funcţii de fişiere
O temă poate utiliza opțional un fișier de funcții, care se află în subdirectorul temei și este numit functions.php. Acest fișier practic acționează ca un plugin, iar în cazul în care acesta este prezent în tema pe care o utilizați, este încărcat în mod automat în timpul inițializării WordPress (atât pentru paginile de administrare cât și pentru paginile externe). Utilizări propuse pentru acest fișier:
- Activează caracteristici temei, cum ar fi bara laterală, meniuri de navigare, imagini reduse în articole, formate de articole, anteturi personalizate, fundaluri personalizate, și altele.
- Defineşte funcțiile utilizate în mai multe fișiere șablon ale temei.
- Configurează un meniu de opțiuni, oferind proprietarilor de site opțiuni de culori, stiluri, precum și alte aspecte legate de temă.
Tema implicită WordPress conține un fișier functions.php care definește multe dintre aceste caracteristici, așa că puteţi să-l folosiţi ca model.
De notat când decideţi să adăugaţi funcții la functions.php sau la un anumit plugin: Puteți avea nevoie ca aceeași funcție să fie disponibilă pentru mai multe teme părinte. În cazul acesta, funcția ar trebui să fie creată într-un plug-in în loc de functions.php pentru tema specifică. Acesta poate include tag-uri șablon și alte funcții specifice. Funcțiile incluse în plugin-uri vor fi văzute de toate temele.
Sursa: wordpress.org
Lasă un răspuns