Kita mulakan dengan melihat beberapa kerja menggerutu yang saya lakukan di belakang tabir menyusun beberapa perkara yang perlu dilakukan. Seperti menambah panggilan wp_list_pages () yang lain untuk mengeluarkan senarai potongan lain untuk setiap kategori. Dan juga menambah dalam CSS untuk menukar warna bar yang memisahkan kategori dan senarai coretan. Kami juga mengubah hover kategori untuk meringankan warna dan bukannya sempadan putih bodoh yang sementara kami ada di sana. Secara harfiah, kami menggunakan lighten()fungsi di Sass untuk melakukan kerja untuk kami.
Tujuannya dalam screencast ini adalah untuk menata pandangan untuk satu coretan. Sekiranya saya telah membuat kawasan laman web ini baru-baru ini, coretan mungkin merupakan jenis catatan tersuai (seperti tangkapan skrin galeri tunggal), tetapi itu tidak wujud ketika saya mula melakukan ini. Dengan demikian, mereka hanya "Halaman" dan semuanya menggunakan templat halaman khusus. Bukan masalah besar, apalagi sekarang kerana mempunyai banyak halaman bukanlah masalah prestasi.
Halaman coretan individu akan serupa dengan catatan blog. Struktur grid 2/3 1/3 standard dan bar sisi biasa. Terdapat beberapa perbezaan walaupun. Terdapat hierarki yang jelas untuk potongan, contohnya
Laman Utama »Coretan Kod» Kategori Coretan »Nama Coretan
Ini sesuai untuk sub navigasi "bar hitam" yang sedang berkembang di laman web ini. Plugin Yoast SEO kami menyediakan fungsi serbuk roti jadi ini mudah - hanya sekadar memanggil fungsi.
Perbezaan lain ialah kita mengeluarkan the_modified_time()bukannya tarikh penerbitan. Dengan cara itu orang mengetahui tarikh terakhir coretan dikemas kini, yang lebih relevan daripada ketika diterbitkan. Ini juga memberi saya motivasi untuk meninjau coretan secara berkala.
Kami terus mengemas kini coretan lama hanya untuk bersenang-senang.
Kami menyelesaikan dengan menulis sedikit JavaScript yang akan menjadikan paparan subkategori kami berfungsi. Paparan tersebut pada dasarnya kelihatan seperti halaman utama Coretan kami, hanya jika anda berada di / snippets / javascript /, coretan JavaScript akan dilihat secara lalai dan kategori JavaScript disorot. Percaya atau tidak, hanya beberapa baris URL tersembunyi yang memuncak kod JavaScript yang semestinya menjadi potongan pada dirinya sendiri.