Ana Sayfa > Wordpress > WordPress Arama Kutusu Yapımı – Eklentisiz
Wordpress

WordPress Arama Kutusu Yapımı – Eklentisiz

6 Mayıs 2018 tarihinde paylaştı.

Bu yazımızda eklentisiz, sunucuya yük bindirmeden wordpress arama kutusu yapımına bakalım. WordPress’in bize sunduğu kaynak kodlarla bir form elamanı oluşturup işe başlayalım.

Temanızın hangi kısmında gözükmesini istiyorsanız aşağıdaki form elemanını ekleyelim. (Üst kısım header.php, sağ kısım sidebar.php, footer alanı footer.php veya belirlediğiniz dosya gibi…)

Wordpress Arama Kutusu

<form role=”search” method=”get” id=”searchform” action=”<?php echo home_url( ‘/’ ); ?>”><div><label class=”screen-reader-text” for=”s”>Aranacak Kelime:</label>

<input type=”text” value=”” name=”s” id=”s” />

<input type=”submit” id=”searchsubmit” value=”Ara” />

</div>

</form>

Yukarıdaki form elamınında önemli nokta action ve inputtaki name=”s” olması.

Farklı Alanlarda Aynı Arama Kutusunu Kullanacaksanız

Eğer farklı alanlarda (ana sayfa, sayfalar gibi) aynı arama kutusunu kullanmak istiyorsanız şöyle bir yöntem izleyebilirsiniz.

Göstermek istediğiniz alana aşağıdaki kodu eklediğinizde searchform.php tema dosyasını kullanarak arama formunu görüntüler.

<?php get_search_form( $echo ); ?>

Bu kodu göstermek istediğinize alana ekledikten sonra örneğin sidebar.php, searchform.php dosyasına yukarıda bahsettiğim <form> elemanı kodlarını ekleyin.

*Eğer temanızda searchform.php yoksa, WordPress kendi arama formunu kullanacaktır.

WordPress Arama Sonuçları Sayfası

Arama kutusunu yaptıktan sonra arama kutusuna yazıp aradığınız sonuçların sayfasının tema dosyası search.php. Eğer var olan bir temayı editliyorsanız muhtemelen bu dosya yapılmıştır. Ama sıfırdan kendiniz tema yapıyorsanız aynı index.php’de olduğu gibi while döngüsüyle konularınızı çekmeniz gerekiyor.

Daha ayrıntılı makalelere göz atmak için wordpress’in codex kısmından yardım alabilirsiniz.

WordPress Arama Kutusu Formu için bağlantı;

https://codex.wordpress.org/tr:Fonksiyon_Listesi/get_search_form

WordPress Arama sonuçları sayfası kodları için bağlantı;

https://codex.wordpress.org/Creating_a_Search_Page

 

0
FACEBOOK YORUMLARI
NEYAPILMALI YORUMLARI

Biliyorum sende birşeyler söylemek istiyorsun?