Tajuk terakhir yang tersisa telah masuk! Kami kini dapat menyelesaikannya dan menyelesaikan semua tajuk khas kami. Dalam screencast ini kita akan mengusahakan tajuk utama untuk bahagian Demo yang dilakukan oleh John Neiner.
Menariknya, John adalah satu-satunya ilustrator yang menyediakan karya seni di Illustrator. Ini bagus untuk kita dalam kes ini kerana kita dapat meningkatkannya ke ukuran apa pun yang kita perlukan dengan kualiti penuh. Dalam retrospeksi, kita mungkin seharusnya membiarkannya vektor (sebagai SVG) dan mungkin menggunakan raster fallback. Tetapi dalam screencast ini, kami meneroka pelbagai pilihan penjimatan raster dan akhirnya menggunakan JPG.webp.
Terdapat beberapa kekeliruan menyimpan di mana saya tidak dapat mencari fail yang disimpan kerana saya mencari nama yang salah. Keadaan DUH dunia sebenar.
Kami kemudian melompat ke WordPress dan mengulangi proses kami untuk menyediakan templat untuk digayakan. Kami memastikan bahawa halaman demo memuat fail CSS khas hanya untuknya. Ini bermaksud menambahkan logik ke fail header.php kami ( is_page_template()). Kami menemui templat yang betul untuk kawasan demo (menggunakan ujian klasik di mana kami membuat perubahan yang jelas pada templat dan melihatnya tercermin di laman web sebenar.
Kami membuang semua sampah lama dari templat itu dan membawanya ke gaya baru kami. Kami menulis sedikit markup yang diperlukan agar halaman berada dalam grid dan mempunyai area header hanya untuk header khusus baru ini dan semua itu.
Kami akhirnya menerapkan grafik header khusus kami sebagai gambar latar ke elemen pembungkus dengan padding yang cukup di bahagian atas (berdasarkan peratusan) agar sesuai dengan grafik di atas (bersaiz sesuai). Kami bahkan meletakkan kecerunan di belakang gambar yang memudar dari hijau tua ke hitam, jadi ia kelihatan seperti anda semakin dalam di laut semasa anda menatal ke bawah.
Lebih banyak kerja yang perlu dilakukan di halaman ini, tetapi tajuk kami selesai dan templatnya dalam keadaan baik!