Bejöttek az utolsó fejlécek! Most befejezhetjük ezeket, és elvégezhetjük az összes egyéni fejlécet. Ebben a képernyőn a John Neiner által készített Demo szakasz egyéni fejlécén dolgozunk.
Érdekes módon John volt az egyetlen illusztrátor, aki a műalkotást az Illustratorban biztosította. Ez nagyon jó nekünk ebben az esetben, mert teljes méretben bármilyen méretre méretezhetjük. Visszatekintve valószínűleg el kellett volna hagynunk a vektort (mint SVG), és esetleg raszteres tartalékot kellett használnunk. De ebben a képernyõben megvizsgáljuk a különbözõ rasztermentési lehetõségeket, és végül a JPG.webp-vel megyünk.
Volt némi megtakarítási zavar, amikor nem találtam a mentett fájlt, mert rossz nevet kerestem. Valóságos DUH helyzet.
Ezután átugrunk a WordPress programba, és megismételjük a sablonok stílusra készen állásának folyamatát. Gondoskodunk arról, hogy a bemutató oldalak csak nekik töltsenek be egy speciális CSS fájlt. Ez azt jelenti, hogy logikát kell hozzáadni a header.php fájlunkhoz ( is_page_template()). Megtaláljuk a megfelelő sablont a bemutatók területéhez (egy klasszikus teszt segítségével, ahol nyilvánvalóan változtatunk a sablonon, és azt látjuk, hogy az a valós oldalon tükröződik.
Kiszedjük az összes régi szemetet abból a sablonból, és új stílusunkhoz hozzuk. Írunk egy kis jelölést, amely ahhoz szükséges, hogy az oldal rácsban legyen, és legyen fejlécterület csak ehhez az új egyéni fejléchez és mindehhez.
Végül egyéni fejlécgrafikánkat háttérképként alkalmazzuk egy burkoló elemre, amelynek tetején elegendő párnázás van (százalékos alapon) ahhoz, hogy a grafika felfelé illeszkedjen (méretre méretezve). Még egy színátmenetet is elhelyezünk a kép mögött, amely a mélyzöldtől a feketéig elhalványul, így úgy néz ki, mintha lefelé görgetve egyre mélyebbre jutna az óceánban.
További munka ezen az oldalon, de elkészült a fejléc és a sablon jó állapotban!