Crearea unei teme WordPress din HTML static Crearea unui șablon de arhivă

Dacă ați lucrat în această serie, acum aveți o temă funcțională cu două șabloane de pagini.

Pașii pe care i-am demonstrat în acest punct sunt:

  • pregătirea marcajului pentru WordPress
  • conversia HTML-ului în PHP și împărțirea fișierului în fișiere șablon
  • editarea foii de stil și încărcarea temei în WordPress
  • adăugând o buclă în fișierul index
  • adăugând metaetichetele, wp_head cârlig și titlul și descrierea site-ului în fișierul cu antet
  • adăugând un meniu de navigare
  • adăugarea de zone widget la antet și bara laterală
  • adăugând zone widget, un colofon și wp_footer accesați fișierul subsol
  • crearea de fișiere șablon pentru pagini statice.

În această parte, vă voi arăta cum să creați un alt fișier de șablon - archive.php fişier. Acest fișier este folosit de WordPress pentru a afișa arhive de categorii, etichete sau orice alt tip de conținut arhivat.

Singurul post pe care nu îl folosiți este pagina principală de blog care prezintă ultimele postări pe blog, pe care le utilizează front-page.php sau index.php.

Ce ai nevoie

  • editorul de cod de alegere
  • un browser pentru testarea muncii tale
  • o instalare WordPress, fie locală, fie la distanță
  • Dacă lucrați la nivel local, veți avea nevoie de MAMP, WAMP sau LAMP pentru a permite WordPress să ruleze.
  • Dacă lucrați de la distanță, veți avea nevoie de acces FTP la site-ul dvs., plus un cont de administrator în instalarea dvs. WordPress.

1. Crearea șablonului de arhivă

Începeți prin a crea un fișier gol în dosarul tematic și numiți-l archive.php. Adăugați următoarele, la fel ca și în cazul șablonului de pagină:

  

Aceasta stabilește baza fișierului dvs. de șablon, cu antetul, bara laterală și subsolul incluse și #conţinut div în loc.

2. Afișarea unui titlu de pagină

Titlul paginii dvs. de arhivă este puțin mai complicat decât titlul unei pagini sau al unei pagini statice. O pagină arhivă ar putea afișa, de exemplu, o arhivă de date sau o arhivă de categorie, de etichetă sau de postare.

Primul pas este să verificați ce tip de conținut afișează arhiva prin executarea unei buclă. Apoi trebuie să derulați această buclă astfel încât să puteți rula o buclă standard pentru a afișa conținutul arhivei.

În interiorul #conţinut div, adăugați următoarele:

  

Arhiva pentru Arhiva pentru Arhiva pentru Nume; ?>

Aceasta verifică dacă arhiva este pentru o zi, o lună sau un an și, dacă da, afișează data în mod corespunzător (mai multe despre afișarea datelor, consultați pagina Codex din get_the_date () etichetă).

Dacă nu este o arhivă de date, WordPress utilizează get_queried_object () pentru a identifica categoria, eticheta, taxonomia sau tipul postului care sunt în prezent interogate și afișați-le. Rețineți că acest lucru trebuie urmat de -> numele altfel nimic nu va fi afișat.

2. Rulați buclă

Buclele din această pagină arhivă vor fi similare cu bucla din index.php, dar cu o structură diferită pentru a permite ca imaginile speciale să fie afișate lângă text și utilizând the_excerpt () în loc de continutul() pentru a afișa un extras din fiecare post în loc de conținutul său complet.

Notă: Puteți să creați manual fragmente post în ecranul de editare post sau WordPress va folosi automat primele 55 de cuvinte ale postării.

Începeți prin crearea unei bucla de bază. Sub codul pe care l-ați adăugat pentru titlu, adăugați acest cod:

   
>

Aceasta rulează o buclă, dar nu scoate niciun conținut din fiecare post încă.

3. Adăugați Imaginea recomandată

Primul element din buclă este imaginea recomandată. O să pun asta înăuntru

element pe care voi pluti la stânga folosind OOCSS în tema mea - poate fi necesar să adăugați propriul CSS.

În interiorul deschiderii

etichetă, adăugați:

 

Aceasta va prelua imaginea recomandată și va fi afișată utilizând dimensiunea miniaturilor.

4. Adăugați Extrasul

Extrasul este plutind la stânga, dar folosind OOCSS îi dau o lățime de trei sferturi, așa că plutește la dreapta imaginii.

Sub codul de imagine recomandat, adăugați următoarele:

 

"href =""rel =" marcaj ">

Aceasta include titlul postului plus extrasul. Dacă doriți, puteți plasa titlul deasupra imaginii și vă așteptați plasând-o mai sus în structură.

Acum salvați fișierul de arhivă și vizualizați o pagină de arhivă. Am creat o categorie denumită "Arhiva" și văd că în următoarea imagine:

După cum puteți vedea, este afișat numele categoriei mele și postările cu o imagine în stânga. În momentul în care imaginile nu apar pentru că nu am adăugat funcționalitatea imaginilor pe tema mea - asta voi face în următoarea parte a acestei serii.

rezumat

Șabloanele de arhivare sunt utile pentru afișarea arhivelor conținutului dvs. în modul în care doriți. Pe lângă un simplu fișier arhive.php, puteți crea șabloane de arhivă personalizate pentru arhivele categoriilor, etichetelor, posturilor sau taxonomiilor specifice. Consultați pagina Codex din Ierarhia de șabloane pentru detalii despre modul în care acestea funcționează.

Resurse

  • Ierarhia de șabloane
  • get_the_date ()
  • get_queried_object ()
  • extrase
Cod