V zadnjem predvajanju zaslona smo s iStockPhoto posneli fotografijo zasnežene kabine in gozda. Spustili smo ga v ozadje, za glavno vsebinsko področje in stransko vrstico našega dokumenta Photoshop in se lepo prilegal tja gor, v nekakšnem slogu glav drugih delov spletnega mesta. Med predvajanjem zaslona sem napisal nekaj kopij tudi za stran. Želel bi to predvajati, toda pisanje kopije je ena tistih stvari, ki traja dolgo in je celo bolj zahtevna, kot je oblikovanje. Vendar se o tem nekoliko pogovarjava.
V Photoshopu sem besedilo "The Lodge" "skril" za drevesa z malo povečavo v maskiranju slik. Nisem naredil zelo podrobno delo, vendar vam ni res, da takrat, ko povečujete v in slika se bo zmanjšati na spletu, kot tudi.
Izdelamo edinstveno predlogo strani samo za to stran (page-lodge.php). S pomočjo konvencije komentarjev PHP /* Template Name: The Lodge */se ta predloga prikaže na naši spustni strani Predloga strani pri ustvarjanju nove strani v WordPressu. To nam daje ves nadzor, ki ga potrebujemo. V tej predlogi lahko urejamo HTML in če za to stran potrebujemo unikatni CSS, lahko uporabimo pogojno logiko in jo povežemo v datoteko header.php. Za nazaj je bolj smiselno uporabiti datoteko functions.php za povezavo edinstvenega CSS-ja, da ohrani čistejši pogled (header.php), vendar je to nekaj za naslednjič.
Grafika v ozadju za to glavo bi se imenovala "Hero Graphic" - to je velika (dobesedno in velikostna) grafika, ki je pomembna za videz / občutek / vsebino strani. Ker poskušamo biti odgovorni za delovanje (želimo, da se spletno mesto hitro naloži), res ne bi smeli servirati te velikanske grafike na majhne zaslone. To je v CSS veliko lažje kot v HTML. Medijske poizvedbe "reverso" uporabljamo ( min-widthnamesto max-width), da rečemo "kadar je zaslon tako širok ali širši, uporabite to sliko ... ko je še širši, uporabite to sliko" itd. Tako se privzeto uporablja le najmanjša slika, ki pa jo preglasi, ko stran zahteva širši brskalnik. Tam je malo premišljevanja.
Na koncu imamo lepo platno (če želite), na katerem lahko delamo za vse strani Lože.