U posljednjem screencast-u uhvatili smo tu fotografiju s iStockPhoto-a snježne kabine i šume. Spustili smo ga u pozadinu, iza glavnog područja sadržaja i bočne trake našeg Photoshop dokumenta, i tamo se lijepo uklopio, u nekom stilu zaglavlja ostalih područja web stranice. Između ekranizacija napisao sam i pokoji primjerak za stranicu. Volio bih to ekranizirati, ali pisanje kopija jedna je od stvari koja jednostavno dugo traje i još je finja od podešavanja dizajna. Ipak malo razgovaramo o tome.
U Photoshopu sam tekst "Loža" sakrio iza drveća s malo zumiranog maskiranja slike. Nisam to odradio super detaljno, ali zapravo ne morate kad vas zumiraju, a slika će se smanjiti i na webu.
Izrađujemo jedinstveni predložak stranice samo za ovu stranicu (page-lodge.php). Koristeći konvenciju PHP komentara, /* Template Name: The Lodge */tada se taj predložak prikazuje na našoj padajućoj stranici Predložak stranice pri stvaranju nove stranice u WordPressu. To nam daje svu potrebnu kontrolu. HTML možemo uređivati u ovom predlošku, a ako nam je potreban jedinstveni CSS za ovu stranicu, možemo upotrijebiti uvjetnu logiku i povezati ga u datoteku header.php. U retrospektivi, ima više smisla koristiti datoteku functions.php za povezivanje jedinstvenog CSS-a kako bi "pogled" (header.php) bio čišći, ali to je nešto za sljedeći put.
Pozadinska grafika za ovo zaglavlje nazvala bi se „Herojska grafika“ - to jest, velika (doslovno i veličina) grafika koja je važna za izgled / dojam / sadržaj stranice. Budući da pokušavamo biti odgovorni za izvedbu (želimo da se stranica brzo učita), zaista ne bismo smjeli posluživati ovu gigantsku grafiku na malenim ekranima. To je puno lakše u CSS-u nego u HTML-u. Mi koristimo naše "reverso" medijske upite ( min-widthumjesto max-width) da bismo rekli "kada je zaslon tako širok ili širi, koristite ovu grafiku ... kad je još širi, upotrijebite ovu grafiku" i tako dalje. Na taj se način prema zadanim postavkama koristi samo najmanja slika, ali to se poništava kada širi preglednik zatraži stranicu. Malo malo razmišljanja o mobilnim uređajima.
Na kraju imamo lijepo platno (ako želite) na kojem ćemo raditi za sve stranice Lože.