# 88: Membina Galeri Galeri - Trik CSS

Anonim

Kami mula membina bar di bawah tajuk galeri. Bar ini mempunyai banyak pekerjaan. Ia memberitahu orang di mana mereka berada dan apa yang mereka lihat (serbuk roti, dengan cara yang mudah). Ini juga akan mengandungi penomboran, butang, dan setiap saat perlu responsif.

Ini adalah permulaan dari apa yang kita sebut sebagai navigasi "bar hitam" yang benar-benar menjadi perkara untuk reka bentuk laman web yang lain.

Kami menulis markup untuk bar, termasuk menggunakan fon ikon kami apabila diperlukan untuk anak panah ke bawah di menu dropdown. Sangat mudah untuk merujuk carta watak dengan cepat di Font Explorer X untuk mendapatkan nilai ikon HTML apa.

Kami menggunakan wp_tag_cloud()fungsi untuk mengeluarkan senarai tag dari taksonomi kustom kami untuk halaman. Kami hanya menggayakan markup untuk bersikap seperti menu dropdown. Kami hanya menulis sedikit sentuhan JavaScript untuk menunjukkan / menyembunyikan menu lungsur ini. Seperti yang telah kita lakukan pada masa lalu dengan navigasi utama laman web, yang kita lakukan hanyalah menukar nama kelas dengan JavaScript dan membiarkan CSS melakukan kerja.

Pada akhirnya kami mempunyai menu dropdown yang berfungsi untuk Galeri, yang bagus. Ini benar-benar tenaga kerja navigasi Galeri.