Последните останали заглавки влязоха! Вече можем да ги довършим и да направим всички наши персонализирани заглавки. В тази скринкаст ще работим върху персонализираните заглавки за демо секцията, направени от Джон Нейнер.
Интересното е, че Джон беше единственият илюстратор, който предостави произведенията на изкуството в Illustrator. Това е хубаво за нас в този случай, защото можем да го мащабираме до какъвто и да ни е размер с пълно качество. В ретроспекция вероятно би трябвало да го оставим вектор (като SVG) и може би да използваме растерна резервна версия. Но в тази скринкаст ние изследваме различните опции за растерно запазване и в крайна сметка ще използваме JPG.webp.
Имаше някакво спасително объркване, когато не можах да намеря записания файл, защото търсех грешното име. Реална ситуация на DUH.
След това влизаме в WordPress и повтаряме нашия процес, за да подготвим шаблони за стил. Уверяваме се, че демонстрационните страници зареждат специален CSS файл само за тях. Това означава добавяне на логика към нашия файл header.php ( is_page_template()). Намираме правилния шаблон за демонстрационната област (използвайки класически тест, където правим очевидна промяна в шаблона и го виждаме отразено на реалния сайт.
Ние премахваме всички стари боклуци от този шаблон и ги довеждаме до новия ни стил. Пишем малко маркировка, необходима, за да може страницата да бъде в мрежа и да има заглавна област само за тази нова персонализирана заглавка и всичко това.
В крайна сметка прилагаме нашата персонализирана заглавна графика като фоново изображение към елемент на обвивка с достатъчно подложка отгоре (базирана на проценти), за да се побере графиката отгоре (оразмерена, за да се побере) Дори поставяме градиент зад изображението, което избледнява от наситено зелено към черно, така че изглежда като да навлизате по-дълбоко в океана, докато превъртате надолу.
Повече работа на тази страница, но ние направихме заглавката и шаблона в добра форма!