Viimeiset jäljellä olevat otsikot ovat tulleet sisään! Voimme nyt viimeistellä ne ja saada kaikki mukautetut otsikot valmiiksi. Tässä kuvaruudussa työskentelemme John Neinerin tekemien Demo-osan mukautettujen otsikkojen kanssa.
Mielenkiintoista on, että John oli ainoa kuvittaja, joka toimitti taideteoksen Illustratorissa. Se on mukavaa meille tässä tapauksessa, koska voimme skaalata sen mihin tahansa kokoon tarvitsemme täydellä laadulla. Jälkikäteen meidän olisi todennäköisesti pitänyt jättää se vektori (SVG: nä) ja kenties käyttää rasterivaraa. Mutta tässä kuvaruudussa tutkimme erilaisia rasterisäästömahdollisuuksia ja päätymme JPG.webp: n kanssa.
Oli hieman säästävää sekaannusta, jossa en löytänyt tallennettua tiedostoa, koska etsin väärää nimeä. Todellinen maailma DUH-tilanne.
Hyppäämme sitten WordPressiin ja toistamme prosessin, jonka avulla mallipohjat ovat valmiita muotoilemaan. Varmistamme, että esittelysivut lataavat vain heille erityisen CSS-tiedoston. Tämä tarkoittaa logiikan lisäämistä header.php-tiedostoon ( is_page_template()). Löydämme oikean mallin esittelyalueelle (käyttämällä klassista testiä, jossa teemme ilmeisen muutoksen malliin ja näemme sen heijastuvan todellisella sivustolla.
Poistamme kaikki vanhat roskat kyseisestä mallista ja tuomme sen uuteen tyyliimme. Kirjoitamme vähän merkintöjä, joita tarvitaan sivun olevan ruudukossa ja otsikkoalueen vain tätä uutta mukautettua otsikkoa ja kaikkea muuta varten.
Viimeistään sovellamme mukautettua otsikkokuvaa taustakuvana kääreelementtiin, jonka yläosassa on riittävästi pehmusteita (prosenttiosuus), jotta grafiikka mahtuu yläosaan (kooltaan sopiva). Laitamme jopa gradientin kuvan taakse, joka haalistuu syvän vihreästä mustaan, joten näyttää siltä, että olet syvemmällä meressä vierittäessäsi alas.
Lisää töitä tällä sivulla, mutta otsikko on tehty ja malli hyvässä kunnossa!