Paskutinėje ekrano kopijoje mes nufotografavome tą snieguoto namelio ir miško nuotrauką iš „iStockPhoto“. Mes jį nuleidome fone, už pagrindinės „Photoshop“ dokumento turinio srities ir šoninės juostos, ir jis ten gerai įsitaisė, panašiai kaip kitų svetainės sričių antraštės. Tarp ekranų parašiau ir tam tikrą puslapio kopiją. Aš norėčiau tai nuskaityti, bet kopijos rašymas yra vienas iš tų dalykų, kuris tiesiog užima daug laiko ir yra dar smulkesnis nei dizaino pritaikymas. Vis dėlto mes šiek tiek apie tai kalbame.
„Photoshop“ paslėpiau tekstą „Namelis“ už medžių, šiek tiek priartindamas vaizdą. Aš nepadariau labai išsamaus darbo, bet jūs to tikrai neturite, kai būsite priartinti, o vaizdas bus sumažintas ir internete.
Sukuriame unikalų puslapio šabloną tik šiam puslapiui (page-lodge.php). Naudojant PHP komentarų susitarimą, /* Template Name: The Lodge */tada šis šablonas rodomas išskleidžiamajame puslapio šablono puslapyje, kai kuriate naują puslapį „WordPress“. Tai suteikia mums visą reikalingą kontrolę. Šiame šablone galime redaguoti HTML ir, jei šiam puslapiui reikia unikalios CSS, galime naudoti sąlyginę logiką ir susieti ją faile header.php. Žvelgiant atgal, prasmingiau naudoti failą function.php susieti unikalų CSS, kad „view“ (header.php) būtų švaresnis, bet tai kažkas kitam kartui.
Šios antraštės fono grafika būtų vadinama „herojaus grafika“ - tai yra didelė (pažodžiui ir dydžiu) grafika, svarbi puslapio išvaizdai / savijautai / turiniui. Kadangi stengiamės būti atsakingi už našumą (norime, kad svetainė būtų greitai įkeliama), neturėtume šios milžiniškos grafikos pateikti mažiems ekranams. Tai daug lengviau CSS, nei HTML. Mes naudojame „reverso“ žiniasklaidos užklausas ( min-widthvietoj jų max-width) sakydami „kai ekranas yra toks platus ar platesnis, naudokite šią grafiką ... kai ji dar platesnė, naudokite šią grafiką“ ir pan. Tokiu būdu pagal numatytuosius nustatymus naudojamas tik mažiausias vaizdas, tačiau tai nepaisoma, kai platesnė naršyklė reikalauja puslapio. Šiek tiek mobiliųjų, pirmiausia galvojančių apie tai.
Pabaigoje mes turime gražią drobę (jei norite), kad galėtumėte dirbti visuose „The Lodge“ puslapiuose.