Acum avem un design Photoshop din care să lucrăm pentru pagina principală a zonei Fragmente. Este mult mai navigabil decât înainte, dar păstrează spiritul curcubeu pe care îl avea înainte. Acum putem trece la construirea de fapt în șabloanele noastre WordPress. Scrierea tuturor HTML și PHP și CSS și CUNOȘTIȚI EXERCITAREA!
Primul pas se deplasează peste antetul personalizat pe care l-am pregătit să mergem în designul nostru static. Asta înseamnă să schimbați puțin HTML pentru a avea elementele de împachetare corecte. De asemenea, înseamnă să vă asigurați că logica condițională din antet este în loc pentru a încărca CSS specific acestei zone este bună. Acest lucru mă face să mă gândesc întotdeauna la regula 1, 2 sau 3 pe care o am pentru fișierele CSS și fișierele JavaScript de pe un anumit site web. CSS-Tricks este un exemplu perfect de site web „2” în care avem stiluri globale și un CSS pentru fiecare secțiune specială a site-ului, unde are un stil destul de unic. Acest aspect de fragmente este cu siguranță unic.
Pentru a obține toate rezultatele de pe această pagină de care avem nevoie, folosim din nou o grămadă de apeluri wp_list_pages (). Vorbim despre modul în care acest lucru ar putea fi problematic, deoarece este un apel atât de intens și am avut probleme cu acesta în trecut, când am creat zona Almanah. Cu toate acestea, din moment ce ne-am mărit utilizarea memoriei și folosim cache-ul, nu este mare lucru.
Încheiem Screencast-ul cu tot ce avem nevoie de ieșire pe pagină și o grilă foarte simplă configurată. Acum putem trece la a face să pară macheta noastră și, în cele din urmă, să adăugăm interacțiunile.