Viimased järelejäänud päised on sisse tulnud! Nüüd saame need lõpule viia ja kõik kohandatud päised teha. Selles ekraaniekraanis töötame John Neineri tehtud sektsiooni Demo kohandatud päistega.
Huvitaval kombel oli John ainus illustraator, kes andis Illustratoris kunstiteose. See on meie jaoks sellisel juhul tore, sest saame selle täiskvaliteediga suuruse muuta, mida vajame. Tagantjärele oleksime pidanud selle ilmselt vektoriks jätma (SVG-na) ja võib-olla kasutama rastervaru. Kuid selles ekraanipildis uurime erinevaid rastri salvestamise võimalusi ja jõuame lõpuks JPG.webp-ga.
Tekkis mõningane segadust tekitav segadus, kus ma ei leidnud salvestatud faili, kuna otsisin valet nime. Reaalses maailmas DUH olukord.
Seejärel hüppame WordPressi ja kordame oma protsessi mallide stiili valmistamiseks. Veendume, et demolehed laadivad spetsiaalse CSS-faili just neile. See tähendab loogika lisamist meie päise.php faili ( is_page_template()). Leiame demoala jaoks õige malli (kasutades klassikalist testi, kus teeme malli ilmselge muudatuse ja näeme seda tegelikul saidil kajastatuna.
Me eemaldame sellest mallist kogu vana prügi ja toome selle oma uue stiili juurde. Kirjutame natuke märgistust, mis on vajalik lehe ruudustikus kasutamiseks ja päiseala jaoks just selle uue kohandatud päise ja kõige muu jaoks.
Lõppkokkuvõttes rakendame oma kohandatud päisegraafikat taustpildina ümbriseelemendile, mille ülaosas on piisavalt polsterdusi (protsendipõhine), et graafika sobiks ülaosaga (suurusega sobiv). Me paneme isegi pildi taha gradiendi, mis tuhmub sügavrohelisest mustani, nii et see näib üsna sarnane sellega, kui allapoole kerides jõuate ookeanis sügavamale.
Sellel lehel on veel tööd teha, kuid saime päise tehtud ja malli heas vormis!