Merhabalar ..

Bugün yine WordPress kategorisinden devam edelim. Çünkü bahsettiğim ipuçları minik fakat işlerinizi ve site içeriğini güzelleştirebilecek konular diyebilirim. Bugün sizlerle Wordpress’te özel arama kutusu yapalım.

WordPress Arama kutusu nedir ?

WordPress site içi arama kutusu diyebiliriz.Bu arama kutusu aranan kelimeye göre sizlere sonuç verir. Aranan kelimenin WordPress yazı başlığında veya içeriğinde olması yeterlidir. Aşağıda paylaştığım mini kod sayesinde temanızın içerisinde dilediğiniz yerde bu arama kutusunu kullanabilirsiniz. Biraz html, css bilginiz ile bu formu özelleştirebilirsiniz. Mesela benim temamda sol üst kısımda bulunuyor siz dilediğiniz gibi kullanabilirsiniz.

WordPress arama kutusu kodlarına gözatın

WordPress codex kütüphanesinden temin ettiğim kodu biraz özelleştirdim hemen aşağıdan temin edip temanızda deneyebilirsiniz. Arama işlemini formdan değer geldiğinde başlatıyor. Normalde WordPress get komutu yolu ilse ?s=keywords formatında kullanıyor. Ben de bu formatta kullanıyorum fakat siz GET yerine POST’ta kullanabilirsiniz. Form methodunu POST yapmanız durumunda var olan sayfada sorgu yapar ve sonuçları size getirir. Koda gelelim …

<?php
// Search action Start //
if($_GET["s"]) {
$the_query = new WP_Query( array( 's' => $_GET["s"] ) );

// The Loop
if ( $the_query->have_posts() ) {
	echo '<ul>';
	while ( $the_query->have_posts() ) {
		$the_query->the_post();
		echo '<li><a href="'.get_the_permalink().'">'.get_the_title().'</a></li>';
	}
	echo '</ul>';
	/* Restore original Post Data */
	wp_reset_postdata();
} else {
	echo 'Arama sonuçlarınıza uygun bir içerik bulunmuyor';
}
}
?>

<form method="GET">
   <input type="text" name="s" value="Aramak istediğiniz kelime">
   <input type="submit" value="Arama yap">
</form>

Kodları kopyaladıp wordpress sitenizde test edebilirsiniz. Form işlemi ile kullanıcıdan bir değer alıyoruz. Yani site içerisinde aramak istediği kelimeyi form methodu ile alıp WP Query komutlarımız ile veri tabanı içerisinde sorguluyoruz. Eğer sonuç var ise ul – li html kodları formatında listeliyoruz.

Bu görünümleri html,css bilgileriniz ile güzelleştirebilirsiniz. Ben default kod paylaşıyorum fakat yukarda da bahsettiğim gibi binlerce opsiyon yapabilirsiniz. Biraz PHP bilginiz ile gizliden POST edebilirsiniz. Şu anda GET komutu kullandığımız için siteadresi.com?s=aranankelime formatında görünecektir.

Arama sonuçları aynı sayfada!

Normalde form kodu içerisine action=”” belirtseydik arama sonuçlarını search.php içerisinde görebilirdik. Fakat benim paylaştığım kodda kodu nereye eklerseniz sorgulamaları o sayfada yapabilirsiniz. Kod kullanımında karşılaştığınız tüm sorunları benimle paylaşmaktan lütfen çekinmeyin.

Bu yazımı faydalı buluyorsanız hemen şimdi aşağıda bulunan sosyal ağlarda paylaş butonlarını kullanarak daha fazla kişiye erişebilmemi sağlayabilirsiniz.

Bir sonra ki makalemde görüşmek üzere kendinize iyi bakın, hoşçakalın ..
Bol pixelli günler dilerim, saygılarımla.

Bu yazımda illegal işlem ya da hatalı konulardan bahsettiğimi düşünüyorsanız benimle iletişime geçebilirsiniz

Etiketler

Bu yazımı sosyal ağlarda paylaşmak istermisin ?

• Facebook
• Twitter
• Google+

Bu yazım hakkında ne düşünüyorsunuz ?

Hakan pergel

24 Ekim 2019 19:57 Cevapla

Peki bir şey sormak istiyorum. Diyelimki aynı kargo takip mantığı gibi. Bir arama butonu yapsak. Arama butonuna kendi belirlediğimiz takip numarası ile giriş yapsak ve tarihli bir şekilde iş akışını gösterebilirmiyiz. Yani şöyle. Kargo takip mantığı nasılsa o şekilde olacak. Müşteri takip numarasını girerek gün gün ne işler yapılmış görecek. Bu münkünmüdür ? Şimdiden teşekkürler

Yazı hakkındaki düşüncelerinizi paylaşmak ister misiniz?
Cevabı iptal etmek için tıklayın.

Blogumda gezinirken hoşunuza giden ve daha sonra tekrar okumak istediğiniz yazılarımı favorilere ekleyebilirsiniz. Bunun için üye olmanız ya da giriş yapmanız gerekmez.

Web, mobil ve diğer segmentler alanında tasarım, Wordpress hizmeti ve blogum hakkında benimle iletişime geçebilirsiniz.

• gkdesigned@gmail.com
• 0850 346 49 96