Zadnje preostale glave so prišle! Zdaj jih lahko dokončamo in naredimo vse naše glave po meri. V tem predvajanju zaslona bomo obdelali glave po meri za demo odsek, ki jih je naredil John Neiner.
Zanimivo je, da je bil John edini ilustrator, ki je v Illustratorju priskrbel umetniško delo. V tem primeru je to lepo za nas, saj ga lahko s popolno kakovostjo prilagodimo na poljubno velikost. Za nazaj bi ga verjetno morali pustiti vektor (kot SVG) in morda uporabiti rezervno rastrsko datoteko. Toda v tej oddaji zaslona raziskujemo različne možnosti za varčevanje z rastri in na koncu uporabimo JPG.webp.
Prišlo je do neke varčevalne zmede, kjer shranjene datoteke nisem mogel najti, ker sem iskal napačno ime. Razmere DUH v resničnem svetu.
Nato vstopimo v WordPress in ponovimo postopek za pripravo predlog za oblikovanje. Poskrbimo, da predstavitvene strani naložijo posebno datoteko CSS samo zanje. To pomeni, da v našo datoteko header.php ( is_page_template()) dodamo logiko . Poiščemo pravilno predlogo za predstavitveno področje (s klasičnim testom, kjer predlogo očitno spremenimo in vidimo, da se odraža na resničnem spletnem mestu.
Iz te predloge odstranimo vse stare smeti in jih prilagodimo novemu slogu. Zapišemo nekaj oznak, potrebnih, da je stran v mreži in ima območje glave samo za to novo glavo po meri in vse to.
Na koncu uporabimo grafiko glave po meri kot sliko ozadja za element ovitka z dovolj oblazinjenja na vrhu (glede na odstotek), da se prilega grafiki zgoraj (velikosti, ki ustreza). Za sliko celo postavimo gradient, ki iz globoko zelene postane črna, zato je videti, kot da se s pomikanjem navzdol poglobite v ocean.
Na tej strani še več dela, vendar smo glavo in predlogo naredili v dobri formi!