Accentsconagua

Cum de a crea o temă Wordpress de la zero Partea 2

Cod
Share

E timpul pentru lucrurile bune acum. Vom adăuga sistemul de comentarii, o bara laterală cu widget-uri și o arhivă pentru toate postările vechi. Acest lucru va acoperi tot ce aveți nevoie pentru o temă WordPress simplă, dar bine funcțională și, sperăm, veți putea aplica acest lucru la tot felul de proiecte tematice.

Privire de ansamblu a Extras

În urma articolului precedent cu privire la Cum de a crea o temă WordPress de la zero, vom adăuga acum că oh atât de lipsă bara laterală, sistemul de comentarii și, în cele din urmă, o pagină de arhivă. Acest lucru ar trebui să vă aducă bine introduse în WordPress tematice, cu toate acestea vă puteți îmbunătăți întotdeauna, astfel încât să vă dau, de asemenea, un pic de lectură recomandată.

Sper să vă arăt cum să configurați o bara laterală pregătită pentru widget, care să vă ofere, de asemenea, o idee despre cum să adăugați widget-uri în alte zone ale unui șablon. Sistemul de comentarii este destul de simplu, dar întotdeauna ne place site-ul nostru să arate bine, astfel încât va fi un pic de stil implicate. În cele din urmă arhiva, acesta este unul din fișierele șablon standard ale WordPress, însă paginile personalizate sunt foarte asemănătoare, ucigând două păsări cu o singură piatră ...

Pasul 1 - Bara laterală

Întotdeauna cel mai bine pentru a aborda piesele grele primul drept? Ei bine, permiteți-vă să începeți atunci. Creați un fișier nou în directorul temei numit functions.php și deschideți-l pentru editare. Inserați următoarele:

 "," după_widget "=>", "înainte_titlu" => '
',' după_title '=>'
',)); ?>

Ceea ce face acest lucru este spune WordPress că există o bara laterală pregătită pentru widget în tema noastră. Acest cod poate fi extins pentru a include teme cu mai multe zone widget gata. De asemenea, afirmăm că bara laterală a temei noastre are nevoie de coduri HTML diferite de cele pe care WordPress le emite în mod normal. Ceea ce face acest lucru este oprirea widget-urilor barei laterale care se înfășoară

  • tag-uri, care nu ar arăta atât de bine pentru noi.

    Acum, permiteți să proiectați bara laterală, să creați încă un alt fișier, numit sidebar.php și lipiți în următoarele.

     
      
    Despre
     
    Aceasta este bara laterală de deșert, adăugați niște widget-uri pentru ao schimba.

    Ceea ce face este să spui pur și simplu lui WordPress unde trebuie să fie bara laterală. Există un mic text prestabilit în cazul în care nu aveți widget-uri pe bara laterală.

    În cele din urmă trebuie să includeți fișierul bara laterală în index.php, astfel încât să deschideți și să adăugați următoarele chiar înainte de

    tag, asigurați-vă că antetul include tag-ul este încă în partea de sus a fișierului deși.

    Felicitări, tocmai ați adăugat o bara laterală dinamică temei.

    Pasul 2 - Comentarii

    Sistemul de comentarii WordPress poate fi la fel de ușor sau de complicat după cum doriți, totuși pentru că acesta este un simplu tutorial care construiește o temă simplă, vom folosi metoda simplă de a adăuga comentarii la postările noastre.

    WordPress facilitează crearea unui sistem standard de comentare a sistemului care vine cu fiecare copie a WordPress și poate fi folosit de orice temă. Așa vom face. Deschide index.php și puneți următoarele după linia 13 (vorbesc imediat după linie cu toate detaliile postului cum ar fi timpul(), etc)

    După cum puteți vedea, acesta include un fișier pe care nu îl avem în dosarul tematic, ci de undeva în adâncimile confuze ale WordPress. Glumește-te deoparte, asta ne face viața mult mai ușoară.

    Testați-vă tema acum, veți observa că este suficient de inteligent pentru a nu afișa formularul și toate comentariile de pe pagina de pornire, dar când faceți clic pe o postare, toate redate după cum doriți. Ei bine ... cu excepția faptului că textarea este calea spre mare. Pentru a repara acest lucru nu vrem să mergem și să editați nucleul WordPress, ci pur și simplu să adăugăm o linie de CSS și să o facem mai ușor de citit în acest proces. Așadar, adăugați următoarele în partea de jos a paginii style.css.

     textarea # comment width: 400px; padding: 5px;  .commentmetadata font-size: 10px;

    Prima linie va limita textarea lui la o dimensiune sensibilă și, de asemenea, adăuga un pic de umplutură pentru a face acest pic mai ușor de citit. Acum aveți un sistem de comentare simplu și totuși funcțional în tema dvs..

    Meta-ul a fost, de asemenea, un pic mic, deci ceea ce se referă la a doua linie.

    Pasul 3 - Arhiva

    Cele mai multe site-uri WordPress au o "arhivă", locul pentru a căuta mesaje vechi. Afișarea obișnuită a două liste, una cu link-uri către toate postările din categoriile de site-uri și una cu toate postările pe lună. Astfel, arhiva este rapidă pentru a naviga și o face o experiență mai bună a utilizatorului.

    archives.php este văzută de WordPress ca unul dintre fișierele lor standard, nu este nevoie să adăugați niciun antet special pentru a fi văzut. Cu toate acestea, dacă doriți să faceți un alt șablon de pagină care nu este standard, citiți aici.

    Deci, creați noul fișier și puneți-l în cele ce urmează și totul va fi explicat.

       
     
      
       
    •  
      Arhivele după categorie
       
          
       
      •  
    •  
      Arhivele după lună
       
          
       
      •

    Acest lucru poate părea destul de similar cu index.php cu toate acestea, puteți observa că nu există nicio buclă WordPress. Acest lucru se datorează faptului că creați o pagină, cu un singur element în ea. Încă mai putem folosi funcții precum titlul() pentru a obține și afișa informații despre pagină.

    Există și continutul() astfel încât dacă ați pus un mic text pe această pagină, acesta va afișa încă. Acum lucrurile următoare sunt destul de simple, o listă standard (bine două de fapt ...) cu două funcții în ea, wp_list_categories () și wp_get_archives (). Ambele funcții afișează o listă standard, prima listă cuprinde toate categoriile de site-uri și le dă fiecărui link o legătură care să afișeze toate postările din acea categorie. Cel de-al doilea nu face același lucru decât dacă afișează luni și nu categorii.

    Parametrii din funcții le fac să afișeze categoria / luna cu un număr de post pentru adăugarea factorului dinamic al site-ului, hehe. Pentru a adăuga această pagină de arhivă cool pe site-ul dvs., trebuie să creați o pagină nouă și să schimbați opțiunea "Șablon de pagină" pe noua pagină "Arhive pagină". Verificați-l, o pagină de arhivă minunată pentru ca toată lumea să vadă cât ați scris.

    Revizuire - funcționează?

    Da, bara laterală își face treaba. Același lucru este valabil și pentru sistemul de comentarii și pentru pagina de arhivă. Sper că acest lucru ți-a arătat elementele de bază ale modului de a crea o temă WordPress, chiar dacă în cele mai simple forme. Consultați linkurile de mai jos pentru a începe cu temele mai avansate disponibile pentru WordPress.

    Citirea în continuare

    • Codul WordPress

      Dezvoltarea temelor, codul este o documentație clară și bine scrisă. Venind de la creatorii de WordPress, nu puteți merge prost în conformitate cu instrucțiunile sale.

      Vizita

    • CSS Tricks Screencast

      Au fost foarte multe mențiuni despre tema CSS Tricks 3 pentru tematica WordPress, așa că am pus-o pe aceasta. Acesta trece prin modul de a construi un site frumos, un pic cam mai complicat ca acesta, dar ar trebui să îmbunătățească pe acele abilități tematice.

      Vizita

    Cod
    • ×