Vi har nå et Photoshop-design å jobbe fra for hjemmesiden til Snippets-området. Det er mye mer bla gjennom enn det var før, men holder regnbueånden som den hadde før. Nå kan vi hoppe til å faktisk bygge den i WordPress-maler. Skriver all HTML og PHP og CSS og DU VET DRILLEN!
Trinn 1 beveger oss over vår tilpassede topptekst vi hadde klar til å gå i vår statiske design. Det betyr at du endrer litt HTML for å ha de riktige innpakningselementene. Det betyr også å sørge for at den betingede logikken i overskriften er på plass for å laste CSS spesifikk for dette området er god. Dette får meg alltid til å tenke på 1, 2 eller 3-regelen jeg har for CSS-filer og JavaScript-filer på et gitt nettsted. CSS-Tricks er et perfekt eksempel på "2" nettside der vi har globale stiler og en CSS for hver spesielle del av nettstedet der den har ganske mye styling som er unik for den. Dette utdraget er absolutt unikt.
For å få all produksjonen på denne siden vi trenger, bruker vi en rekke wp_list_pages () samtaler igjen. Vi snakker om hvordan dette kan være problematisk fordi det er en så intens samtale, og vi har hatt problemer med det tidligere da vi opprettet Almanac-området. Siden vi har økt minnebruk og bruker cache, er det imidlertid ikke så farlig.
Vi avslutter screencast med alt vi trenger å sende ut på siden og et veldig grunnleggende rutenett satt opp. Nå kan vi fortsette å få det til å se ut som vår mockup og til slutt legge til interaksjonene.