# 89: Mengutak-atik Bar Galeri - Trik CSS

Anonim

Dalam video ini kami membuat banyak penyesuaian pada bilah yang telah kami siapkan dengan sebagian besar fungsionalitas Galeri. Desain adalah tentang mengutak-atik, bukan?

Kami menyesuaikan beberapa bantalan untuk membuat semuanya berbaris lebih baik. Kami mengatur gaya tarik-turun sehingga menu yang ditampilkan terlihat sedikit lebih bagus. Saat menyesuaikan itu, kami memastikan mereka memiliki banyak area besar yang dapat diklik / disadap ( display: blocktautan). Ini adalah contoh sempurna di mana injeksi gaya dari CodeKit sangat berguna. Kami memastikan rollover kuat, secara visual, jadi sangat jelas apa yang Anda pilih. Sangat penting dalam tata letak seperti ini di mana semuanya terlihat sangat mirip.

Kami melakukan sedikit tipu muslihat WordPress di mana kami menghapus atribut judul dari tautan tag (yang lebih buruk daripada tidak berguna dalam kasus ini) dengan menggunakan fungsi filter dan tidak mengembalikan apa-apa.

Kami menambahkan tombol kirim, posisikan di sebelah kanan bilah, dan buat gaya tombol yang berfungsi dalam konteks bilah galeri.

Galeri di situs ini agak unik karena terdapat beberapa template yang sangat berbeda tetapi harus terlihat sangat mirip. Misalnya, beranda galeri dan laman taksonomi galeri. Kami melihat masalah ini dan membutuhkan waktu untuk melakukan perubahan yang diperlukan agar sama. Kami menerapkan beberapa teknik yang telah kami gunakan berulang kali dalam seri ini, seperti membuat sebuah penyertaan untuk digunakan pada kedua templat sehingga kami tidak mengulangi diri kami sendiri.

Kami mungkin menghabiskan terlalu banyak waktu dengan bingung tetapi hal yang aneh di mana kami mencoba menggemakan tag saat ini atau string unik - tergantung pada jenis halaman tempat Anda berada. Itu selalu hal-hal kecil terbodoh yang memakan waktu paling lama.

Kami juga berjuang dengan sedikit kekhususan yang bodoh di mana kami ingin tautan dan tombol di tajuk menjadi sedikit berbeda. Kami memiliki sentuhan ringan dengan pemilih dalam proyek ini. Itu biasanya bagus, tidak ada perang spesifisitas yang buruk, tetapi terkadang juga menyakitkan di mana penyeleksi yang sangat ringan (spesifisitas rendah) menimpa yang lain dan Anda harus lebih kuat dari yang Anda inginkan untuk memperbaikinya. C'est la vie.