Sada imamo Photoshop dizajn za izradu početne stranice područja Snippets. Puno je pregledniji nego prije, ali zadržava dugin duh kakav je imao prije. Sada to možemo zapravo uskočiti u naše WordPress predloške. Pisanje svih HTML-a i PHP-a i CSS-a i ZNATE BUŠILJU!
Prvi korak je prelazak preko našeg prilagođenog zaglavlja koje smo u našem statičnom dizajnu bili spremni. To znači promjenu oko malo HTML-a kako bi se dobili ispravni elementi omota. To također znači da je dobra uvjetna logika u zaglavlju za učitavanje CSS-a specifičnog za ovo područje. To me uvijek natjera na razmišljanje o pravilu 1, 2 ili 3 koje imam za CSS datoteke i JavaScript datoteke na bilo kojem web mjestu. CSS-trikovi savršen su primjer web stranice "2" na kojoj imamo globalne stilove i CSS za svaki poseban odjeljak web stranice gdje ima prilično jedinstvenog stila. Ovaj raspored isječaka zasigurno je jedinstven.
Da bismo dobili sve izlaze na ovoj stranici koji su nam potrebni, ponovno koristimo hrpu poziva wp_list_pages (). Razgovaramo o tome kako bi ovo moglo biti problematično jer je to tako intenzivan poziv i u prošlosti smo imali problema s njim kad smo stvarali područje Almanaha. Međutim, budući da smo povećali upotrebu memorije i koristimo predmemoriranje, to nije velika stvar.
Završavamo screencast sa svime što nam treba za izlaz na stranicu i postavljenom vrlo osnovnom mrežom. Sada možemo prijeći na to da izgleda poput naše makete i na kraju dodati interakcije.