Započinjemo s gledanjem nekih mrzovoljnih poslova koje sam radio iza kulisa, razotkrivajući neke stvari koje je trebalo učiniti. Kao da dodate ostatak poziva wp_list_pages () za izlaz ostatka popisa isječaka za svaku kategoriju. A također dodavanje u CSS za promjenu boje trake koja razdvaja kategorije i popise isječaka. Također smo promijenili lebdenje kategorija kako bismo posvijetlili boje umjesto nijemog bijelog obruba koji smo privremeno imali tamo. Doslovno smo koristili lighten()
funkciju u Sassu kako bismo obavili posao umjesto nas.
Cilj ovog zaslona zaslona jest stilizirati prikaz za jedan isječak. Da sam nedavno stvorio ovo područje web lokacije, isječci bi mogli biti prilagođena vrsta posta (poput snimaka zaslona pojedinačne galerije), ali oni nisu postojali kad sam to počeo raditi. Kao takvi, oni su samo "Stranice" i svi koriste prilagođeni predložak stranice. Stvarno nije velika stvar, pogotovo sada kada posjedovanje puno stranica ne zabrinjava performanse.
Pojedinačne stranice isječaka bit će slične postovima na blogu. Standardna struktura mreže 2/3 1/3 i normalna bočna traka. Ipak postoje neke razlike. Postoji jasna hijerarhija isječaka, npr
Početna »Isječci koda» Kategorija isječka »Naziv isječka
Ovo je savršeno za pod navigaciju "crna traka" koja se razvija na ovom mjestu. Naš dodatak Yoast SEO pruža funkcionalnost krušnog kruga pa je to jednostavno - samo pitanje poziva funkcije.
Druga je razlika što the_modified_time()
objavljujemo umjesto datuma objave. Na taj način ljudi znaju zadnji datum ažuriranja isječka, što je relevantnije nego kad je objavljen. Također mi pruža motivaciju za redovito ponovno pregledavanje isječaka.
Idemo malo sa strane ažurirajući stari isječak samo iz zabave.
Završavamo pisanjem malo JavaScripta koji će učiniti da naši prikazi podkategorija funkcioniraju. Ti pogledi u osnovi izgledaju baš kao i naša početna stranica isječaka, samo ako se nalazite na / snippets / javascript /, JavaScript isječci bit će prikazani prema zadanim postavkama i istaknuta JavaScript kategorija. Vjerovali ili ne, samo nekoliko redaka podlog URL-a koji probija JavaScript kôd koji bi vjerojatno trebao biti isječak samoga sebe.