Dezvoltarea de teme WordPress

Temele WordPress ar trebui să fie codate folosind următoarele recomandări:

• HTML valid și PHP bine structurat, fără erori
• CSS curat, valid
• Urmați liniile directoare de proiectare specifice WordPress.

Anatomia unei teme

Temele WordPress se găsesc în subdirectoare ale directorului de teme WordPress (implicit wp-content/themes/), care nu pot fi direct mutate folosind fișierul wp-config.php. Subdirectorul temelor include toate fișierele temei de stil, fișierele șablon, și opțional fișierele 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, deoarece acest lucru împiedică afișarea î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 înțelege mai bine modul de construire a propriilor fișiere pentru temă.

Temele WordPress constau de obicei din trei tipuri principale de fișiere, în plus față de imagini și fișiere JavaScript:

1. Foaia de stil numită style.css, care controlează prezentarea (design vizual și dispunerea) paginilor site-ului
2. 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
3. Opțional, fișierul funcții (functions.php), ca parte a fișierelor temei WordPress.

Studiați-le individual pe fiecare din aceste fișiere.

Teme copil

Cea mai simplă temă posibil este o temă copil care include doar un fișier style.css, plus orice imagini. Acest lucru este posibil pentru că este un copil al unei alte teme, care acționează ca părinte.

Foaia de stil a temei

În plus față de informațiile de stil CSS pentru temă, style.css trebuie să furnizeze detalii despre temă sub formă de comentarii. Nu trebuie să existe două teme cu aceleași detalii enumerate în antetele la comentarii, deoarece acest lucru va duce la probleme în dialogul de selecție a temei. Dacă dezvoltați propria temă prin copierea unuia existentă, asigurați-vă că modificați aceste informații în primul rând.

Următorul este un exemplu de primele linii din foaia 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 pentru autor este sugerat să fie la fel ca numele de utilizator wordpress.org al autorului temei, deși poate fi chair numele real al autorului. Alegerea este a autorului temei.

Atenție la lista de etichete folosite pentru a descrie tema. Acestea permit utilizatorilor să găsească tema folosind filtrul de etichete. Puteți găsi o listă completă selectând „Filter Feature” în Teme Directory în wordpress.org.

Liniile antetului de comentariu în style.css sunt necesare pentru ca WordPress să fie capabil să identifice tema și să o afișeze în panoul de administrare în Aspect > Teme ca o opțiune de temă disponibilă, împreună cu toate celelalte teme instalate.

Ghid de stil

• Urmați standardele de codare CSS atunci când creați CSS-ul.
• Utilizați CSS valid atunci când este posibil. Ca excepție, utilizați prefixe specifice de furnizori pentru a profita de caracteristicile CSS3.
• Minimizarea modificările în CSS. Excepția evidentă este suportul pentru browsere, de obicei versiuni de Internet Explorer. Dacă este posibil, separați modificările CSS în secțiuni diferite sau fișiere separate.
• Toate elementele posibile HTML ar trebui să fie stilizate de temă (dacă nu este o temă copil), atât în conținutul ​​postărilor/paginilor cât și în comentarii.
  • Tabele, legende, imagini, liste, citate bloc, etc.
• Adăugarea de stiluri care se pot lista la imprimantă este foarte recomandată.
  • Puteți include o foaie de stil pentru imprimantă cu media=”print” sau se adaugă într-un bloc media de imprimare în foaia de stil principală.

Fișier de funcții

O temă poate folosi opțional un fișier de funcții, care se află în subdirectorul temă și este numit functions.php. Acest fișier de fapt acționează ca un plugin și, dacă este prezent în tema pe care îl utilizați, este încărcat automat în timpul inițializării WordPress (atât pentru paginile admin cât și pagini externe). Utilizări sugerate pentru acest fișier:

• Puneți în coadă foile de stil tematice și scripturile. A se vedea wp_enqueue_scripts.
• Activați caracteristicile temei, cum ar fi bara laterală, meniuri de navigare, miniaturi de postări, formate de postare, antete personalizate, fundaluri personalizate, și altele.
• Definiți funcțiile utilizate în mai multe fișiere șablon ale temei.
• Configurați un meniu de opțiuni, oferind proprietarilor de site opțiuni pentru culori, stiluri, și alte aspecte ale temei.

Tema implicită WordPress conține un fișier functions.php care definește multe dintre aceste caracteristici, așa că poate doriți să-l utilizați ca model. Deoarece functions.php funcționează practic ca un plugin, lista Function_Reference este cel mai bun loc pentru a obține mai multe informații cu privire la ceea ce se poate face cu acest fișier.

De notat pentru a decide când să adăugați funcții la functions.php sau la un anumit plugin: Puteți descoperi că aveți nevoie de aceeași funcție să fie disponibilă pentru mai mult de o temă părinte. Înntr-un astfel de caz, funcția ar trebui să fie creată într-un plugin în loc de functions.php pentru tema specifică. Acest lucru poate include etichete șablon și alte funcții specifice. Funcțiile incluse în plugin-uri vor fi văzute de către toate temele.

Traducere din wordpress.org