Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Sitenize Canlı Ajax Arama Nasıl Eklenir (Kolay Yol)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress sitenize canlı Ajax araması eklemek mi istiyorsunuz?

Anında arama, Google’ın çalışma şekline benzer şekilde, ziyaretçi arama çubuğuna yazarken sonuçları gösterir. Bu, ziyaretçilerin sayfaları, gönderileri, ürünleri ve daha fazlasını hızlı bir şekilde bulmasına yardımcı olur.

Bu makalede, WordPress sitenize canlı Ajax aramasını nasıl ekleyeceğinizi göstereceğiz.

How to add live Ajax search to your WordPress site (the easy way)

Neden WordPress’e Canlı Ajax Araması Ekleyelim?

Anında arama olarak da adlandırılan Canlı Ajax araması, Google gibi arama motorlarında yaygın olan bir açılır menü ve otomatik tamamlama özelliği ekleyerek yerleşik WordPress aram asını geliştirir.

İşte canlı Ajax arama işleminin bir örneği:

Google search live example

Canlı arama, kullanıcıların yazarken ne aradıklarını tahmin ederek ilgili içeriği daha hızlı bulmalarına yardımcı olur. Bu genellikle kullanıcı deneyimini iyileştirecek, sayfa görüntülemelerini artıracak ve hemen çıkma oranını azaltacaktır.

Ajax canlı arama ile sayfayı yeniden yüklemeden bile ilgili sonuçları gösterebilirsiniz. Alışveriş yapanlar arama sorgularıyla eşleşen ürünleri anında görebildikleri için bu, e-ticaret mağazaları için harika bir seçimdir. Bu şekilde, anlık arama daha akıllı bir ürün araması oluşturmanıza yardımcı olabilir.

Bununla birlikte, WordPress’e canlı Ajax destekli arama işlevini nasıl ekleyebileceğinize bir göz atalım.

Adım 1: WordPress Eklentisi ile Ajax Aramayı Etkinleştirin

WordPress’e Ajax canlı arama eklemenin en kolay yolu SearchWP Live Ajax Lite Search kullanmaktır. Bu ücretsiz eklenti, web sitenize otomatik olarak anında gerçek zamanlı arama ekler ve herhangi bir WordPress temasıyla mükemmel şekilde çalışır.

Yapmanız gereken ilk şey eklentiyi yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından SearchWP “ Ayarlar bölümüne gidebilirsiniz. Ardından, ‘Canlı Aramayı Etkinleştir’ geçişine tıklayın.

Enabling live Ajax search with SearchWP

Bu işlem tamamlandıktan sonra, değişikliklerinizi kaydetmek için ‘Kaydet’e tıklayın.

Artık varsayılan WordPress arama bloğunuzda canlı Ajax araması etkin olacaktır.

Saving SearchWP settings

Adım 2: Ajax Canlı Arama Formunu WordPress Sitenize Ekleyin

Eklentiyi etkinleştirdikten sonra, sitenizdeki her arama çubuğu, WordPress ‘te oluşturduğunuz herhangi bir özel arama formu da dahil olmak üzere otomatik olarak canlı Ajax aramasını kullanacaktır.

Çoğu WordPress temasında yerleşik bir arama çubuğu bulunur. Ancak, canlı Ajax aramasını etkinleştirdikten sonra, WordPress web sitenizin diğer alanlarına bir arama çubuğu eklemek isteyebilirsiniz.

WordPress Sayfalarına Canlı Ajax Araması Ekleme

Web sitenizin belirli sayfalarına canlı bir Ajax arama kutusu eklemek isteyebilirsiniz. Örneğin, ziyaretçilerin arşivler arasında kolayca arama yapabilmesi için özel arşiv sayfanıza bir çubuk ekleyebilirsiniz.

Bunu yapmak için, arama çubuğunu eklemek istediğiniz yazıyı veya sayfayı açmanız gerekir. Bu örnekte, bir WordPress sayfasına canlı aramanın nasıl ekleneceğini göstereceğiz, ancak adımlar yazılar için de benzer olacaktır.

İlk olarak, Sayfalar ” Tüm Sayf alar’a gidin ve ardından düzenlemek istediğiniz sayfayı seçin.

Open up WordPress page

WordPress Gutenberg editöründe‘+’ simgesine tıklayın.

Bu, bloklar menüsünü getirecektir.

Adding a new block to a WordPress blog or website

Burada, kutuya ‘Arama’ yazın ve ardından sayfanıza eklemek için ‘Arama’ simgesine tıklayın.

WordPress arama çubuğunu sizin için otomatik olarak yerleştirecektir.

Adding a search block to a WordPress page or post

Kutu varsayılan olarak ‘Ara’ başlığına sahiptir. Bunu etiket alanına yazarak değiştirebilir veya başlık metnini tamamen silebilirsiniz.

Ayrıca, ziyaretçiler arama sorgularını yazmaya başlamadan önce WordPress’in göstereceği metin olan isteğe bağlı bir yer tutucu da yazabilirsiniz. Örneğin, bir online mağaza işletiyorsanız, ‘Ürün arayın’ veya ‘Harika fırsatlar bulun’ gibi bir şey kullanmak isteyebilirsiniz.

Arama çubuğunun nasıl ayarlandığından memnun olduğunuzda, ‘Güncelle’ düğmesine tıklayın.

Customizing the WordPress search block

Artık ziyaretçileriniz aradıklarını hızlı bir şekilde bulmak için canlı arama çubuğunu kullanabilirler.

Aynı işlemi herhangi bir gönderi veya sayfaya arama çubuğu eklemek için de kullanabilirsiniz.

Live search page example

WordPress Kenar Çubuğuna Canlı Ajax Araması Ekleme

Birçok web sitesi sahibi, web sitelerinin kenar çubuğuna bir arama çubuğu ekler.

Live widget search example

Bu sayede ziyaretçiler sitenizin neresinde olurlarsa olsunlar arama yapabilirler.

Arama widget’ını WordPress’e eklemek için Görünüm ” Widget‘lar bölümüne gitmeniz yeterlidir.

Customize widget blocks

Bu sayfa WordPress temanızın widget’a hazır tüm farklı alanlarını gösterir. Gördüğünüz seçenekler değişebilir, ancak çoğu temada Kenar Çubuğu, Sağ Kenar Çubuğu, Sol Kenar Çubuğu veya benzer bir bölüm bulunur.

Canlı Ajax arama çubuğunu eklemek istediğiniz alanı genişletmek için tıklamanız yeterlidir. Ardından, ‘+’ simgesine tıklayın.

Add sidebar widget block

Görüntülenen açılır pencerede ‘Ara’ bloğunu bulun ve seçin.

Bu, canlı Ajax arama widget’ını kenar çubuğuna veya benzer bir bölüme otomatik olarak ekleyecektir.

Adding a search block to a widget area

İşiniz bittiğinde, değişikliklerinizi kaydetmek ve Ajax arama çubuğunu WordPress blogunuzda veya web sitenizde canlı hale getirmek için ‘Güncelle’ düğmesine tıklayın.

Artık sitenizi ziyaret ettiğinizde kenar çubuğunda veya benzer bir bölümde canlı bir Ajax arama çubuğu göreceksiniz.

Arama çubuğunu widget’a hazır başka bir alana eklemek için de aynı işlemi uygulayabilirsiniz.

Not: Bunun yerine gezinme menünüze bir arama çubuğu eklemek için WordPress menünüze nasıl arama çubuğu ekleyeceğinize ilişkin kılavuzumuza bakın.

Tam Site Düzenleyicisini Kullanarak WordPress Kenar Çubuğuna Canlı Arama Ekleme

ThemeIsle Hestia Pro gibi blok tabanlı bir tema kullanıyorsanız, tam site düzenleyicisini kullanarak temanızın herhangi bir alanına canlı Ajax araması ekleyebilirsiniz.

Standart WordPress içerik düzenleyicisini kullanarak düzenleyemediğiniz alanlara bile bir arama çubuğu ekleyebilirsiniz. Örneğin, 404 sayfa şablonunuza bir arama alanı ekleyebilirsiniz.

Başlamak için WordPress panosundaki Görünüm ” Düzenleyici bölümüne gidin.

Adding live Ajax search using the full-site editor (FSE)

Varsayılan olarak, tam site düzenleyicisi temanızın ana şablonunu gösterir, ancak herhangi bir şablona bir arama bloğu ekleyebilirsiniz.

Mevcut tüm seçenekleri görmek için sol taraftaki menüden ‘Şablonlar’ı seçin.

Adding live Ajax search to your WordPress blog or website

Şimdi canlı Ajax aramasını eklemek istediğiniz şablona tıklayabilirsiniz.

WordPress şimdi tasarımın bir önizlemesini ve düzenleyebileceğiniz tüm sayfa ayarlarını gösterecektir. Devam etmek ve bu şablonu düzenlemek için küçük kalem simgesine tıklayın ve blok düzenleyiciyi açın.

Adding live Ajax search to a block-based WordPress theme

Bu işlem tamamlandıktan sonra mavi ‘+’ simgesine tıklayın.

Görüntülenen panelde ‘Ara’ yazın.

Adding a search bar to the full-site editor (FSE)

‘Ara’ bloğu göründüğünde, alanı göstermek istediğiniz alana sürükleyin.

Blok başlığını veya yer tutucu metni özelleştirmek için yeni mesajı arama bloğuna yazmanız yeterlidir.

Adding live ajax search to a full-site WordPress theme

Bloğun nasıl göründüğünden memnun olduğunuzda, Ajax arama çubuğunu canlı hale getirmek için ‘Kaydet’e tıklayın.

Bonus İpucu: Anlık WordPress Arama Motorunuzu Özelleştirin

SearchWP Live Ajax Search, yerleşik WordPress araması ile mükemmel bir şekilde entegre olur. Bununla birlikte, bu varsayılan arama oldukça sınırlıdır ve doğru arama sonuçlarını gösterme konusunda iyi değildir.

İşte SearchWP burada devreye giriyor. Piyasadaki en iyi WordPress arama eklentisidir ve 30.000’den fazla web sitesi tarafından kullanılmaktadır.

Bu eklenti, ziyaretçilerin özel alanlar, metin dosyaları, PDF belgeleri, WooCommerce ürünleri, özel yazı türleri ve daha fazlası dahil olmak üzere WordPress’in varsayılan olarak yok saydığı içerikleri aramasına olanak tanır.

SearchWP’yi yükleyerek, sitenizin yeni anlık özelliğini herhangi bir kod yazmadan tamamen özelleştirebilirsiniz.

The SearchWP WordPress search plugin

SearchWP ayrıca ziyaretçilerinizin ne aradığını görmenizi sağlayan gelişmiş analitik ve istatistiklere sahiptir.

Bu bilgileri, sitenizin arama ayarlarına ince ayar yapmak ve web sitenizdeki en popüler içeriği belirlemek için kullanabilirsiniz. Bu, ziyaretçilerin halihazırda aradıklarına dayalı olarak yeni blog yazısı fikirleri oluşturmanıza yardımcı olabilir.

The SearchWP metrics and statistics page

Daha fazla bilgi için bu kılavuzlara bakabilirsiniz:

Umarız bu makale WordPress sitenize canlı Ajax aramasını nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca web sitesi ziyaretçilerinin nasıl takip edileceğine ilişkin kılavuzumuza ve işletme web siteleri için olmazsa olmaz WordPress eklentilerine ilişkin uzman seçimlerimize de göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

4 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez says

    Thanks for this post.
    I love Ajax search as it makes users search and find the content in real time. I recommend this to all blogs to have it implemented.
    I also support adding an ajax search field to a 404 page, the user landed on the page can just search and find a post related to what he is looking for.

  3. Eric Malta says

    Hi, after activated this comment function in ajax, my server CPU usages went high, so i have to terminated it. I thing this is for big hosting servers.

    • WPBeginner Support says

      Sadly, any ajax solution will increase your CPU usage but thank you for sharing this for anyone who has concerns for their hosting CPU usage :)

      Yönetici

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.