Bootstrap Table’a Arama Özelliği Ekleme

bootstrap-search-grid

HTML, CSS ve JavaScript ile oluşturulmuş en popüler önyüz kütüphanesi olan Bootstrap üzerine konuşmaya devam ediyoruz.

Bugün sizlerle Bootstrap’in table yapısına arama özelliği ekleyeceğiz. Bu işlemi yaparken de sırtımızı jQuery’nin fonksiyonelitesine dayayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Mobil sürümde telefon numarasına tıklandığında arama nasıl yapılır?

mobile-call“Arama yapma” butonu veya bağlantısı taşınabilir cihazlarda görüntülenen web sayfalarında direk olarak arama işlevini yapmamızı sağlar. Böylece kullanıcı telefon numarasını kopyalayıp çağrı ekranına yapıştırmakla uğraşmadan hızlıca ilgili numaraya çağrı yapabilir.

Taşınabilir cihazların günden güne gelişmesi, neredeyse her telefonun web tarayıcıya sahip olması sebebiyle easy-to-use kurallar listemize bu yapıyı da ekleyerek devam ediyoruz.

Bu dersimizde HTML‘in yeni versiyonuyla nitelik genişlemesini sürdüren anchor elemanını detaylandıracağız. (daha&helliip;)

Devamını Oku

WordPress için Google Dostu Arama Motoru Ekleme

WordPress altyapısı kullanan arkadaşların genelde karşılaştığı sorunlardan biridir klasik arama motorunun eksiklikleri.Siteye yapılan ziyaretlerde istenilen sonuca tam olarak ulaşılamaması ve bununla birlikte gelen ziyaretçi kayıplarına kadar gitmektedir, tabikide bunu hiç bir blog sahibi istemez.

Ben bu sorunu çözmek için bir süredir araştırma yapmaktayım ,en etkili ve kesin çözüm yolu klasik arama motoru yerine Google Arama Motoru nu bloguma eklemeyi buldum.Bu yazımdada sizlere Google Arama Motorunu blogumuza nasıl ekleyeceğimizi anlatacağım. (daha&helliip;)

Devamını Oku

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

Devamını Oku