Günümüz tasarımlarının en popüler öğelerinden olan yapışkan (sticky) header nasıl hazırlanır? Eğer bu soru sizin de aklınızı kurcalıyorsa doğru yerdesiniz.
(daha&helliip;)üst
Google’ın Ücretsiz SEO Araçları
SEO için elinizi cüzdanınıza atmadan önce bu yazımızı okuyun.
Google’ın 13 adet ücretsiz aracı sayesinde sitenizin SEO değerini yükseltebilirsiniz. Unutmayın ki “Search Engine Optimization” kavramı Google ile dünyamıza girdi. Bu yüzden Google’ın siz web tasarımcılarına verdiği ipuçlarının hepsi altın değerinde.
Web sayfanızın gelişimine yardımcı olabilecek araçların bir çoğu ile tanışmamış olabilirsiniz. Bu yüzden vakit kaybetmeden incelemelerimize başlayalım.
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ı...}