Bu paylaşımımda sizlere hiçbir görsel kullanımı yapmadan güzel bir dropdown menünün nasıl yapılacağını anlatacağım.
menu
Photoshop’la Menü Kutusu Örneği -1-
Merhaba arkadaşlar. Bu dersimizde solda gördüğünüz menü kutusunu tasarlayacağız.
Ben gri ve beyazdan oluşan bir gradient, üzerinde ise beyaz gölgeli bir yazı kullandım. Siz daha farklı varyasyonlar oluşturabilirsiniz.
WordPress Sitenizin Nav Menusune Arama Kutucuğu Eklemek
Merhaba arkadaşlar. Ben Vatanay Özbeyli. Bu dersimizde WordPress 3.0 ve üzeri versiyonlarda üst kısımda bulunan Nav Menuye arama kutucuğu ekleyeceğiz.
WordPress’de arama penceresi $searchform olarak tanımlıdır. Bu hatırlatmayı yaptıksan sonra dersimize başlayabiliriz.
Aşağıdaki PHP kod satırını temanızın function.php isimli dosyasına ekleyiniz. Nereye eklediğinizin pek önemi yok. Muhtemelen function.php’nin en üst kısmana da ekleyebilirsiniz.
add_filter('wp_nav_menu_items','add_search_box', 10, 2); function add_search_box($items, $args) { ob_start(); get_search_form(); $searchform = ob_get_contents(); ob_end_clean(); $items .= '<li>' . $searchform . '</li>'; return $items; }
Bu işlemi yaptığınızda arama kutucuğu görünür olacaktır. Fakat “Bu kutucuğa özel bir stil hazırlamak istiyorum” diyorsanız küçük bir değişiklik yapmanız gerekecektir.
$items .= '<li>' . $searchform . '</li>';
Az önce function.php’ye eklediğimiz üstteki kodu alttakiyle değiştiriniz. Böylece stil için geçerli bir id tagı ekledik. İsteğe göre class kodu da ekleyebilirsiniz.
$items .= '<li id="adobewordpress">' . $searchform . '</li>';
Şimdi temanızın geçerli CSS dosyasını açarak aşağıdaki şekilde stil işlemleri yapabilirsiniz.
#adobewordpress{background-color:#FFF; ve diğer css kodlamaları...}