Crearea temelor - Codexul WordPress

anterior ◈ următoarea

În acest articol vă va învăța cum să creați propria temă pentru WordPress. Dacă doriți să învățați cum să instalați și începe să utilizați tema, consultați articolul folosind teme. Acest manual se referă la aspectele tehnice ale codului scris pentru a construi propria temă, mai degrabă decât întrebări despre activarea și producerea de teme gata făcute.







Puteți dezvolta o temă pentru sine sau pentru uz public.

Teme De ce WordPress

Temele WordPress sunt formate din fișiere și stiluri, care împreună determină apariția site-ului. Ele pot fi foarte diferite între ele, permițând utilizatorilor să se schimbe rapid designul site-ului. Dar de ce, poate fi nevoie de o temă proprie?

  • Pentru a crea propriul design unic al site-ului.
  • Pentru a utiliza șabloanele. tag-uri șabloane și buclă WordPress pentru a afișa diferite pagini de conținut și stil.
  • Pentru a crea șabloane alternative pentru anumite secțiuni ale site-ului, cum ar fi titlurile de pagini și rezultatele interogările de căutare.
  • Pentru a comuta rapid între site-ul două aspecte, sau printr-un comutator de teme și stiluri permit utilizatorilor pentru a schimba aspectul site-ului.
  • Pentru a permite accesul publicului la subiect și alții să se bucure de design.

WordPress temă oferă, de asemenea, unele avantaje.

  • Acesta împarte stilurile de prezentare și fișierele șablon din fișierele de sistem, permițându-vă să faceți actualizări fără modificări majore în aspectul site-ului.
  • Acesta vă permite să configurați setări specifice pentru o anumită fire de ieșire.
  • Cu acesta, puteți schimba rapid aspectul site-ului bazat pe WordPress.
  • Datorită ei, nu este nevoie ca utilizatorul să învețe CSS, HTML și PHP pentru a face site-ul atractiv.

Dar de ce ai nevoie pentru a crea propria temă? Aceasta este problema principală.

  • Aceasta este o oportunitate de a afla mai multe despre CSS, HTML / XHTML si PHP.
  • Aceasta este o oportunitate de a arăta abilitățile lor în CSS, HTML / XHTML si PHP.
  • Aceasta este o oportunitate de a crea.
  • Este distractiv (mai ales).
  • Dacă ați furnizat tema în accesul publicului. veți obține satisfacție din faptul că ponderea și să dea ceva înapoi la WordPress comunitar (se poate lăuda!)

crearea standardelor

Când scrieți cod, WordPress, să adere la următoarele standarde:

  • Utilizați un structurat în mod corespunzător, nu conține erori PHP-cod și HTML-cod valid (a se vedea. WordPress standardelor de codificare).
  • Utilizați bine formate, CSS-cod valid (a se vedea. Standardele de codificare CSS).
  • Urmați recomandările cu privire la elementele de bază de proiectare site-ului.

anatomie Subiecte

WordPress teme sunt în subdirectoare wp-content / teme /. Director temă conține foi de stil, fișiere șablon. imagine suplimentară funcțională (functions.php) și imagini. De exemplu, subiectul numit „test“ este probabil să fie localizat în directorul wp-content / teme / testare /.

În mod implicit, WordPress are două teme: „Classic“ și „implicit“. Aceste două teme sunt diferite unele de altele și de a folosi o varietate de funcții și tag-uri pentru a crea pagini arata si site-ul web. Examinați cu atenție fișierele lor constitutive pentru a înțelege mai bine modul de a crea propria temă.

WordPress temă este format din trei tipuri principale de fișiere, în plus față de imagini. Primul - stylesheet numit style.css. care controlează aspectul paginilor site-ului. Al doilea oferă o imagine funcțională suplimentară (functions.php). Restul fișierelor - acestea sunt fișierele șablon. care definesc modul în care informația este derivată dintr-o bază de date într-o pagină Web. Să luăm în considerare fiecare tip separat.

stiluri tematice Tabelul

Mai jos este un tabel antet stiluri de șablon (stilul foaie antet) Rose tema. El ar trebui să fie la începutul stilului style.css fișier. primele linii:

Cea mai simplă temă include doar fișierul style.css, plus imagini, în cazul în care acestea sunt necesare. Pentru a crea o astfel de temă trebuie să fie în șablonul bara de titlu: specificați numele temei părinte. De exemplu, dacă tema este „Rose“ are loc (moștenit) de la subiect „test“, style.css scrie următoarea linie în antet:

După adăugarea acestei linii în antetul toate șabloanele teme style.css „test“ va moșteni tema „Rose“, care nu este altceva decât stiluri de masă fișier style.css. și, eventual, desene. Aceste fișiere trebuie să fie plasate în directorul wp-content / teme / Rose.

Incepand cu WordPress 2.7 tema relației copil poate conține fișierele șablon ale căror nume se potrivesc cu numele șablonului în tema părinte din panoul de administrare, puteți selecta aceste șabloane pentru a utiliza și acestea vor fi utilizate în locul părintelui.

ca „default“ - este numele temei directorul părinte.

fișier funcțional suplimentar

O temă poate utiliza în plus un fișier cu caracteristicile necesare pentru tema, acesta trebuie să fie amplasate în directorul temă și numit functions.php. Acest fișier practic funcționează ca un plug-in, iar în cazul în care este prezentă în directorul temă, pe care îl utilizați, este încărcat automat în timpul inițializării WordPress. Acest lucru este valabil atât pentru paginile de admin, cât și pentru alte (extern la zona de administrare) pagini. Următoarele se propune utilizarea acestui fișier:







  • Definiția funcțiilor utilizate în fișierele șablon în temă;
  • Setările din zona de administrare a temei dvs., care oferă utilizatorilor opțiuni pentru setările de culoare, stiluri, sau alte aspecte ale subiect.

Subiectele care vin cu WordPress instalat din cutie și un fișier functions.php. care definește un număr de funcții și setări în tema admin, astfel încât să puteți folosi ca model. fișier functions.php practic acționează ca o secțiune de plug-in al Function_Reference cod - cel mai bun loc unde puteți obține mai multe informații despre modul în care puteți utiliza acest fișier.

fișiere șablon temă

Șabloane - este un fișiere PHP, care sunt folosite pentru a genera pagini sau părți ale vizitatorilor blog solicitate. Să ne uităm la diferitele opțiuni de template-uri care pot fi utilizate ca parte a temei.

WordPress vă permite să definiți template-uri separate, pentru nevoile și părți ale blogului diferite, dar nu neapărat la toate aceste modele diferite de blog-ul dvs., în același timp, executat pentru a genera pagini în întregime. Șabloanele sunt selectate și utilizate pentru a genera o pagină bazată pe șablon Ierarhie Format ierarhie. în funcție de ce șabloane sunt disponibile într-un anumit subiect. Ca temă de dezvoltator, puteți alege un număr de setări pe care doriți să le pună în aplicare folosind template-uri. De exemplu, într-un caz extrem, puteți folosi doar un singur fișier șablon, cu numele index.php ca șablon pentru toate paginile care sunt create și afișate în blog. Cu toate acestea, folosesc cel mai adesea diferite fișiere șablon pentru a genera diferite tipuri de pagini, pentru a oferi o flexibilitate maximă pentru personalizare.

șabloane de bază

Tema minimă WordPress este format din două fișiere:

Dacă ați dezvoltat fișierele șablon modulare, le puteți adăuga la index.php șablon (fișier principal șablon), iar rezultatul muncii lor va apărea pe pagina de utilizator. Pentru a activa sau pentru a obține aceste module șabloane în cazul în care doriți, urmați instrucțiunile.

  • Pentru a adăuga șablon header.php folosind get_header (tag-ul șablon).
  • Pentru a adăuga șablon sidebar.php folosind get_sidebar (tag-ul șablon).
  • Pentru a adăuga șablon footer.php folosind get_footer (tag-ul șablon).

Aici este un exemplu de template-uri permit:

Alegerea modelelor bazate pe cereri

WordPress permite programatorului să folosească diferite opțiuni pentru conectarea modelelor de un set de template-uri. În primul rând, folosind șablonul ierarhia Ierarhie șablon. pe de altă parte - cu tag-uri convenționale Etichete condiționate în cadrul ciclului de procesare fișierele șablon Buclă.

În cazul în care tema ar trebui să poată chiar mai detaliate model de control de afișare decât nivelul de control care oferă o ierarhie de șabloane Ierarhie șablon. puteți utiliza condiționale Tag-uri condițională etichete. Tag-uri condiționate sunt verificați în principal, în cazul în care o anumită condiție este adevărată în timpul executării WordPress Buclă. în acest caz, puteți descărca un model specific sau afișa unele opțiuni pentru text în pagina în conformitate cu această condiție.

Sau, folosind obiectul cerere, același algoritm poate fi implementat într-un mod diferit:

Pictogramă tip de fișier

Wordpress utilizează pictogramele de tipuri de fișiere (fișiere atașament) în blog-ul dvs. și în panoul de interfață de administrare, în cazul în care există aceste pictograme în locația specificată.

Wordpress este în căutarea pentru fișierele din directorul imagini ale temei curente. (Și în Wordpress 2.2, tema implicită este doar o pictogramă, audio.jpg.)

De exemplu, pentru a desena pictograme cum ar fi tipul MIME audio / MPEG. Wordpress va căuta icoane în acest fișier directorul de imagini din tema curentă, el alege primul fișier de potrivire (a se vedea wp_mime_type_icon descrierea funcției.)

  1. /images/audio.jpg my_theme
  2. my_theme /images/audio.gif
  3. my_theme /images/audio.png
  4. /images/mpeg.jpg my_theme
  5. my_theme /images/mpeg.gif
  6. my_theme /images/mpeg.png
  7. /images/audio_mpeg.jpg my_theme
  8. my_theme /images/audio_mpeg.gif
  9. my_theme /images/audio_mpeg.png

Lista de fișiere șablon standard de teme

Mai jos este o listă de fișiere șablon standard utilizate de către WordPress. Desigur, tema poate conține alte fișiere de stil, imagini sau programe. Doar ține cont de faptul că următoarele nume de fișiere au o semnificație specială pentru WordPress - vezi Ierarhie Model șablon ierarhie pentru informații suplimentare ..

Aceste fișiere au o semnificație specială în WordPress, deoarece acestea sunt folosite pentru a înlocui index.php. atunci când acestea sunt în directorul temei, în conformitate cu ierarhia Ierarhia șabloane șablon. și când a intrat în cererea corespunzătoare; sau în conformitate cu adevărul condiționată etichetă TAG condiționată. atunci când tipul de funcție este _ * (); se întoarce 'true'.

De exemplu, dacă doriți să afișați un singur stâlp, is_single () „true“, și în directorul activ are tema fișier șablon single.php funcția întoarce. Acest șablon este utilizat pentru a crea pagina.

Link-uri către fișierele șablon

Următorul cod