Most egy Photoshop-tervezünk, amely a Snippets terület kezdőlapjára használható. Sokkal böngészhetőbb, mint korábban volt, de megtartja a szivárvány szellemét, mint korábban. Most belevághatunk a WordPress-sablonjainkba. Az összes HTML, PHP és CSS megírása, és TUDJA A FÚRÓT!
Az első lépés halad át az egyéni fejlécünkön, amelyre készen álltunk a statikus tervezés során. Ez azt jelenti, hogy változtassunk egy kis HTML-en, hogy a megfelelő burkolóelemek legyenek. Ez azt is jelenti, hogy megbizonyosodjon arról, hogy a fejléc feltételes logikája megvan-e az adott területre jellemző CSS betöltéséhez. Mindig arra gondolok, hogy az adott webhelyen található CSS-fájlokra és JavaScript-fájlokra vonatkozik az 1, 2 vagy 3 szabály. A CSS-Tricks tökéletes példa a „2” weboldalra, ahol globális stílusaink vannak, és egy CSS a webhely minden egyes szakaszához, ahol elég sok stílus egyedi. Ez a kivonatok elrendezése minden bizonnyal egyedi.
Az oldal összes szükséges kimenetének megszerzéséhez újra használunk egy csomó wp_list_pages () hívást. Beszélünk arról, hogy ez mennyire lehet problematikus, mert olyan intenzív hívásról van szó, és korábban problémáink voltak vele, amikor létrehoztuk az Almanac területét. Mivel azonban megnöveltük a memóriahasználatot és a gyorsítótárat használjuk, ez nem nagy baj.
A képernyőn véget vetünk mindannak, amire szükségünk van az oldal kimenetére, és egy nagyon egyszerű rácsot állítunk fel. Most áttérhetünk arra, hogy a makettünknek látszódjon, és végül hozzáadjuk az interakciókat.