Începem prin a ne uita la o parte din munca mormăitoare pe care am făcut-o în culise, arătând câteva lucruri care trebuiau făcute. La fel ca adăugarea în restul apelurilor wp_list_pages () pentru a genera restul listei de fragmente pentru fiecare categorie. Și, de asemenea, adăugarea în CSS pentru a schimba culoarea barei care separă categoriile și listele de fragmente. De asemenea, am schimbat hover-urile categoriilor pentru a deschide culorile în loc de marginea albă mută pe care am avut-o temporar acolo. Literal, am folosit lighten()funcția din Sass pentru a face treaba pentru noi.
Scopul acestui screencast este, totuși, de a amenaja vizualizarea pentru un singur fragment. Dacă aș fi creat această zonă a site-ului mai recent, fragmentele ar putea fi un tip de postare personalizată (cum ar fi capturile de ecran ale unei singure galerii), dar acestea nu existau când am început să fac acest lucru. Ca atare, acestea sunt doar „Pagini” și toate folosesc un șablon de pagină personalizat. Nu este mare lucru, cu adevărat, mai ales acum că a avea o mulțime de pagini nu este o preocupare de performanță.
Paginile de fragmente individuale vor fi asemănătoare postărilor de pe blog. Structura standard a grilei 2/3 1/3 și o bară laterală normală. Există însă unele diferențe. Există o ierarhie clară pentru fragmente, de exemplu
Acasă »Fragmente de cod» Categorie fragment »Numele fragmentului
Acest lucru este perfect pentru navigarea sub „bare negre” care evoluează pe acest site. Pluginul nostru Yoast SEO oferă funcționalități de navigare, așa că acest lucru este ușor - doar o chestiune de apelare a unei funcții.
O altă diferență este că vom scoate the_modified_time()în locul datei de publicare. Astfel, oamenii știu ultima dată când a fost actualizat un fragment, ceea ce este mai relevant decât atunci când a fost publicat. De asemenea, îmi oferă o anumită motivație pentru a revizita în mod regulat fragmente.
Continuăm un pic deoparte, actualizând un fragment vechi doar pentru distracție.
În final, scriem un pic de JavaScript care va face ca vizualizările noastre din subcategorii să funcționeze. Aceste vizualizări arată în esență exact ca pagina noastră de pornire Fragmente, numai dacă vă aflați la / snippets / javascript /, fragmentele JavaScript vor fi vizualizate în mod implicit și categoria JavaScript evidențiată. Credeți sau nu, doar câteva linii de URL-uri furioase care ating vârful codului JavaScript, care probabil ar trebui să fie un fragment pe sine.