Home » Articole » RO » Calculatoare » Dezvoltarea web » WordPress » Sfaturi pentru dezvoltatorii de șabloane WordPress

Sfaturi pentru dezvoltatorii de șabloane WordPress

postat în: WordPress 0

Wordpress-Teme-Personalizare

Fișiere șablon în alte fișiere șablon

WordPress include fișiere standard de șablon (antet, subsol, și bara laterală) în fișierul șablon index.php. Puteți include, de asemenea, alte fișiere șablon în oricare dintre aceste fișierele șablon.

De exemplu, sidebar.php ar putea conține un fișier șablon care generează o formă de căutare – searchform.php. Deoarece acest lucru nu este unul dintre fișiere șablon standard WordPress, codul pentru a-l include este puțin diferit:

<?php get_search_form(); ?>

Noi nu mai trebuie să fie utilizați include și TEMPLATEPATH pentru a obține formularul de căutare în teme întrucât WordPress furnizează eticheta șablon de mai sus.

  • Antet
  • Conținut
  • Formularul de comentariu
  • Bara laterală
  • Formularul de căutare
  • Subsol

Cele mai multe teme WordPress includ o varietate de fișiere șablon în alte șabloane pentru a genera paginile web ale site-ului. Următoarele fișiere șablon sunt tipice pentru șablonul principal (index.php) al unui site WordPress:

  • header.php
    • theloop.php (conținutul)
    • wp-comments.php
  • sidebar.php
  • searchform.php
  • footer.php

Dar această structură poate fi schimbată. De exemplu, se poate pune formularul de căutare în antet. Poate că design-ul site-ului nu are nevoie de un subsol, așa că se poate elimina complet acest șablon în acest caz.

Fișiere șablon speciale

WordPress are două vizualizări de pagină de bază ale paginilor web într-un sit WordPress. Vizualizarea de postare singulară este utilizată atunci când paginile web afișează o singură postare. Vizualizarea de postări multiple listează postări multiple sau rezumate ale postărilor, și se aplică la arhive de categorii, arhive de date, arhive de autor, și (de obicei) vizualizare “normală” a paginii de start a blog-ului. Puteți utiliza fișierul șablon index.php pentru a genera toate aceste tipuri de pagini sau să vă bazați pe ierarhia WordPress de șabloane pentru a alege diferite fișiere șablon în funcție de situație.

Ierarhia WordPress de șabloane răspunde la următoarea întrebare:

Ce fișier șablon va utiliza WordPress atunci când se afișează un anumit tip de pagină?

WordPress recunoaște automat fișierele șablon cu anumite denumiri standard și le utilizează pentru anumite tipuri de pagini web. De exemplu, atunci când un utilizator face clic pe titlul unei postări pe blog, WordPress știe că se dorește vizualizarea doar a acestei postări pe pagina proprie de web. Ierarhia WordPress de șabloanea va folosi fișierul șablon single.php, mai degrabă decât index.php, pentru a genera pagina – în cazul în care tema are un fișier single.php. În mod similar, în cazul în care utilizatorul face clic pe un link pentru o anumită categorie, WordPress va utiliza șablonul category.php dacă există; dacă nu, caută archive.php, iar în cazul în care șablonul de asemenea lipsește WordPress va merge mai departe și va folosi principalul șablon index.php. Puteți dezvolta chiar și fișiere speciale șablon pentru categorii specific. Puteți dezvolta, de asemenea, șabloane de pagină personalizate pentru anumite pagini.

Sfaturi pentru fișierele șablon

Iată câteva sfaturi pentru dezvoltarea de fișiere șablon WordPress:

Urmărirea etichetelor de deschidere și închidere

Fișierele șablon includ utilizarea de etichete XHTML și referințe CSS. Elementele HTML și referințele CSS pot trece prin fișierele șablon, începând din unul și terminându-se în altul. De exemplu, elementele HTML html și body încep de obicei în header.php și se încheie în footer.php. Cele mai multe teme WordPress fac uz de elemente HTML div, care pot fi extinse, de asemenea, pe mai multe fișiere. De exemplu, div principal pentru conținutul paginii ar putea începe în header.php și se termină fie în index.php fie în single.php. Depistarea locurilor unde un element HTML începe și se termină poate fi complicată atunci când dezvoltați, proiectați, sau modificați o temă. Utilizați comentarii pentru a nota în fișierele șablon unde se deschide o etichetă container mare și unde se închide astfel încât să puteți urmări care div corespunde sfârșitului diferitelor secțiuni.

Testarea fișierelor șablon sub diferite vizualizări

Daca ați făcut modificări la comentarii, bara laterală, formularul de cautare, sau orice alt fișier șablon, testați-le folosind diferite vizualizări de pagini web (postare singulară, diferite tipuri de arhive, și pagini).

Comentarii pentru abateri

Dacă proiectați teme pentru utilizare publică, rețineți că cel care descarcă tema probabil că va dori să o modifice puțin pentru uz propriu. Deci, este util să faceți notițe în fișierele șablon unde v-ați abătut de la logica temelor implicite și/sau clasice. De asemenea, este o idee bună să adăugați comentarii în fișierul de stil al temei dacă aveți informații de stil în altă parte (cum ar fi în fișierul header.php sau în etichete HTML).

Închideți etichetele

Dacă începeți o etichetă HTML sau div într-un fișier șablon și nu-l închideți acolo, asigurați-vă că includeți eticheta de închidere într-un alt fișier șablon. O întrebare des întâlnită este “ce s-a întâmplat cu tema mea” atunci cand s-a elimina fișierul șablon subsol fără a închide etichetele care au început în fișierul șablon antet. Urmăriți etichetele și asigurați-vă că sunt închise. (O modalitate buna de a verifica dacă acest lucru este corect este de a testa vizualizarea paginilor single și arhiva cu un validator HTML).

Stiluri CSS în șabloane

Puteși folosi orice etichete și stiluri HTML și CSS doriți în șabloane. Cu toate acestea, este recomandabil să se urmeze structura standard a temelor WordPress. Acest lucru va face temele mai ușor de înțeles pentru utilizatori.

Traducere din wordpress.org

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *