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ı...} 


  • mrmyst

    merhaba ben “ara” butonu ve “arama:” yazılarını kaldırmak istiyorum birtürlü yapamadım yardımcı olabilirmisin?

  • Mehmet Aydın

    tıklayınca çıkan sarı yuvarlağı nasıl yapacağız