У последњем сцреенцаст-у снимили смо ту фотографију с снежне кабине и шуме са иСтоцкПхото-а. Спустили смо га у позадину, иза главне области садржаја и бочне траке нашег Пхотосхоп документа, и лепо се уклопио тамо горе, у стилу заглавља осталих делова веб локације. Између приказивања екрана, написао сам и покоју копију за страницу. Волео бих да то емитујем на екрану, али писање копија је једна од ствари која једноставно дуго траје и чак је избирљивија од подешавања дизајна. Ипак мало разговарамо о томе.
У Пхотосхопу сам „сакрио“ текст „Ложа“ иза дрвећа са мало зумираног маскирања слике. Нисам то урадио супер детаљно, али заправо не морате када будете увећани и слика ће се смањити и на вебу.
Израђујемо јединствени образац странице само за ову страницу (паге-лодге.пхп). Користећи конвенцију ПХП коментара, /* Template Name: The Lodge */
тада се тај предложак приказује на нашој падајућој страници Предложак странице при креирању нове странице у ВордПрессу. Ово нам даје сву потребну контролу. Можемо уредити ХТМЛ у овом предлошку, а ако нам треба јединствени ЦСС за ову страницу, можемо користити условну логику и повезати га у датотеку хеадер.пхп. У ретроспективи, има више смисла користити датотеку фунцтионс.пхп за повезивање јединственог ЦСС-а како би „поглед“ (хеадер.пхп) био чистији, али то је нешто за следећи пут.
Графичка подлога за ово заглавље назвала би се „Херојска графика“ - то јест, велика (дословно и величина) графика која је важна за изглед / осећај / садржај странице. С обзиром на то да се трудимо да будемо одговорни за перформансе (желимо да се страница брзо учита), заиста не бисмо требали да послужујемо ову џиновску графику на ситним екранима. Ово је много лакше у ЦСС-у него у ХТМЛ-у. Користимо наше „реверсо“ медијске упите ( min-width
уместо max-width
) да бисмо рекли „када је екран овако широк или шири, користите ову графику ... када је још шири, користите ову графику“ и тако даље. На тај начин се подразумевано користи само најмања слика, али то се поништава када шири прегледач затражи страницу. Мало мало мобилног размишљања тамо.
На крају имамо лепо платно (ако желите) на којем ћемо радити све странице Ложе.