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’te Kullanıcıların Yazıları ve Sayfaları Filtrelemesine Nasıl İzin Verilir (3 Yöntem)

Kullanıcıların WordPress web sitenizdeki gönderileri ve sayfaları filtrelemesine izin vermek ister misiniz?

Kullanıcılar web sitenizi genellikle belirli bir içerik türü için ziyaret eder. Belki de en son eğitimleriniz veya ürün incelemelerinizle ilgileniyorlardır. Tam olarak aradıklarını bulmak için içeriğinizi kolayca filtreleyebilmeleri yararlı olmaz mıydı?

Bu makalede, kullanışlı bir arama ve filtreleme özelliği kullanarak kullanıcıların WordPress’teki yazıları ve sayfaları filtrelemesine nasıl izin vereceğinizi göstereceğiz.

How to Let Users Filter Posts and Pages in WordPress

WordPress Yazılarınız ve Sayfalarınız için Neden Filtreleme Özelliği Eklemelisiniz?

Hiç içerikle dolup taşan bir web sitesini ziyaret ettiğinizde ihtiyacınız olanı bulmakta zorlandığınız oldu mu? Bu, kullanıcılar için sinir bozucu bir deneyim olabilir ve sitenizi tamamen terk etmelerine neden olabilir.

Sonuçta, arama motorları kullanıcı deneyimini bir sıralama faktörü olarak değerlendirdiğinden bu durum SEO ‘yu olumsuz etkileyebilir. Yüksek hemen çıkma oranlarına ve düşük etkileşime sahip bir web sitesi, arama motorları tarafından daha az değerli olarak görülebilir.

Neyse ki basit bir çözüm var: WordPress web sitenize bir arama ve filtreleme özelliği uygulamak. Bu güçlü araç, kullanıcıların belirli kriterlere göre içeriği daraltmasına olanak tanıyarak aradıklarını bulmalarını kolaylaştırır.

Arama ve filtreleme özelliği sadece WordPress blogları için iyi değildir. Aynı zamanda binlerce konu içeren forumlar gibi siteler için de idealdir. Bu şekilde kullanıcılar konuya, tarihe veya yazara göre doğru tartışmayı arayabilir.

Ya da bir podcast siteniz varsa, dinleyiciler bu özelliği kullanarak istedikleri bölümü arayabilirler.

Bunu akılda tutarak, kullanıcıların WordPress sitenizdeki yazıları ve sayfaları filtrelemesine izin vermek için 3 kolay yönteme bakalım. Tercih ettiğiniz yönteme geçmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

SearchWP güçlü bir WordPress arama eklentisidir ve web sitenize filtreleme işlevi eklemek için en iyi önerimizdir. Oldukça kullanıcı dostu olduğundan yeni başlayanlar için harika bir seçimdir.

Not: SearchWP ücretsiz bir sürüm sunmaz, bu nedenle premium bir plan satın almanız gerekir. Kapsamlı SearchWP incelememizde eklenti hakkında daha fazla bilgi edinebilirsiniz.

İşte filtreleme seçenekleriyle özel bir arama formu oluşturmak için SearchWP’nin nasıl kullanılacağına dair adım adım bir kılavuz.

Adım 1: SearchWP’yi Kurun ve Ayarlayın

Öncelikle SearchWP eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Bu konuda yeniyseniz, bir WordPress eklentisinin nasıl kurulacağına dair yararlı bir kılavuzumuz var.

Etkinleştirildikten sonra SearchWP ” Ayarlar bölümüne gidin. ‘Genel’ sekmesinde, etkinleştirmek için lisans anahtarınızı girin.

Enter SearchWP license key

Şimdi, SearchWP ” Algoritma bölümüne gidin. Burada, varsayılan arama motorunu düzenleyebilir veya ek bir tane oluşturabilirsiniz.

Varsayılan motor, kullanıcıların Sayfalar, Yazılar, Medya ve Yorumlar arasında arama yapmasına izin verir, bu da tipik bir WordPress blogu için iyidir.

Öte yandan, ek arama motoru Kategoriler, Etiketler, Özel Yazı Türleri ve Özel Taksonomiler gibi diğer kaynakları kullanabilir. Bu, WooCommerce web siteleri için bir e-Ticaret ürün filtresi gibi blog dışı içerik arama ve filtreleme formu oluşturmak için yararlı olabilir.

Bu eğitimde varsayılan motoru kullanacağız ve sadece ayarlarını değiştireceğiz. Bunu yapmak için ‘Kaynaklar ve Ayarlar’a tıklayın.

Selecting Sources and Settings in SearchWP

Yazıları ve sayfaları filtrelemek için bir arama ve filtreleme işlevi oluşturduğumuzdan, WordPress arama motoru için kaynak olarak yalnızca sayfaları ve yazıları dahil edeceğiz.

Ayrıca, anahtar kelime mükemmel bir eşleşme olmasa bile SearchWP’nin sonuçları göstermesine olanak tanıyan ‘Anahtar Kelime Kökleri’ özelliğini de etkinleştirdik.

Ayarlardan memnun kaldığınızda ‘Bitti’ye tıklayın.

Including posts and pages in SearchWP search engine

Adım 2: Arama Motorunuza İnce Ayar Yapın

Şimdi, seçtiğiniz tüm kaynaklar için bir bölüm göreceksiniz (bizim durumumuzda sadece Sayfalar ve Gönderiler).

Her kaynakta ‘Uygulanabilir Öznitelik Alaka Düzeyi’ için kaydırıcılar vardır. Bu kaydırıcılar, SearchWP’nin arama sonuçlarını sıralarken her bir özniteliğe ne kadar ağırlık vereceğini belirler.

Daha basit bir ifadeyle, yüksek ağırlıklı bir nitelikle yakından eşleşen içerik, arama sonuçlarında daha üst sıralarda görünecektir.

Örneğin, ‘Yazı İçeriği’ özniteliğine ‘Yazı Başlığı’ özniteliğinden daha fazla ağırlık verirseniz, SearchWP arama teriminin içeriğin kendisinde göründüğü sonuçlara öncelik verecektir.

Configuring the Applicable Attribute Relevance in SearchWP

Bu kaydırıcıları tercihinize göre ayarlayabilirsiniz.

Ayrıca ‘Öznitelik Ekle/Kaldır’a da tıklayabilirsiniz.

How to make custom fields searchable in WordPress

Bu, daha fazla öznitelik eklemeniz veya silmeniz için bir açılır pencere görüntülenmesini sağlayacaktır.

Örneğin, aranabilir hale getirmek için özel taksonomiler veya özel alanlar ekleyebilirsiniz.

Managing post attributes in SearchWP

Bir diğer güçlü özellik ise, belirli içerikleri arama sonuçlarına dahil eden veya arama sonuçlarından hariç tutan kurallar oluşturma yeteneğidir.

Bunu yapmak için ‘Kuralları Düzenle’ düğmesine tıklamanız yeterlidir.

Adding rules to your search engine

Bu ayar, alakasız içeriği filtrelemenize veya belirli kategorileri vurgulamanıza olanak tanır.

Bir sonraki açılır pencerede ‘Kural Ekle’ye tıklayın.

Editing the rules for your website's search

Şimdi, basitçe açılır menüyü seçin ve ‘Yalnızca şu durumlarda girişleri göster’ veya ‘Şu durumlarda girişleri hariç tut’ seçeneğini belirleyin.

Ardından, belirli bir taksonominin parçasıysa, belirli bir tarih aralığında yayınlanmışsa veya belirli bir kimliğe sahipse içeriği hariç tutmayı veya dahil etmeyi seçebilirsiniz.

Başka bir kural eklemek için, ‘Kural Ekle’ düğmesine tıklayın ve yukarıda açıklanan aynı işlemi tekrarlayın. Kuralların nasıl ayarlandığından memnun olduğunuzda, ‘Bitti’ düğmesine tıklayın.

Excluding categories form the WordPress search results

Şimdi aynı işlemi diğer arama girişi kaynakları için tekrarlayabilirsiniz.

Arama motorundan memnun olduğunuzda, sayfanın en üstüne geri dönün ve ‘Kaydet’e tıklayın.

Saving a custom search algorithm on your WordPress website

SearchWP şimdi dizini yeniden oluşturacak ve bu işlem birkaç dakika sürebilir.

‘Dizin Durumu %100’ ifadesini gördüğünüzde, SearchWP tüm içeriğinizi ve kurallarınızı arama motoru için dizine eklemiş demektir.

Rebuilding the WordPress search index

Adım 3: Özel Arama Formu Oluşturun

Artık arama motoru yapılandırıldığına göre, filtreleme seçenekleriyle kullanıcı dostu bir arama formu oluşturalım.

SearchWP ” Arama Formları bölümüne gidin ve ‘Yeni Ekle’ye tıklayın.

Adding a custom search form to your WordPress website

İlk olarak, formunuza tanınabilir bir isim verin.

Bu sadece dahili referansınız içindir, bu nedenle ad hatırlamanız için kolay olan herhangi bir şey olabilir.

Giving a new custom search form a name in SearchWP

Ardından, bir düzen seçin.

Bu eğitimde, en fazla filtreleme menüsünü sağladığı için ‘Kombine’ seçeneğini kullanacağız.

Choosing a SearchWP search form theme

Şimdi, ‘Özel Stil’ bölümüne gidin ve hem ‘Kategori Arama’ hem de ‘Gelişmiş Arama’ seçeneklerini seçin. Bu, formunuzun tüm filtreleme özelliklerini içermesini sağlar.

Arama çubuğunun altına önerilen bazı arama terimleri eklemek istiyorsanız isteğe bağlı olarak ‘Hızlı Arama’yı seçebilirsiniz.

Ardından, ‘Motor’ menüsünde daha önce oluşturduğunuz arama motorunu seçin.

‘Sonuçlar’ kısmına gelince, hangi arama sonuçları sayfasının kullanılacağını seçebilirsiniz: varsayılan WordPress sonuçları veya SearchWP’nin sürümü.

Styling the SearchWP search form

‘Arama Türü’nde Yazılar ve Sayfalar’ı seçin.

Bunun altında, filtre menüsüne dahil etmek istediğiniz kategori adlarını ekleyebilirsiniz.

Alan Etiketi için devam edin ve “Ne arıyorsunuz?” gibi arama alanında görünen bir yer tutucu metin girin.

Configuring the SearchWP search form

Daha önce ‘Hızlı Arama’yı seçtiyseniz, kullanıcıların yaygın olarak arayabileceği terimleri Hızlı Arama Öğelerine dahil edebilirsiniz.

‘Gelişmiş Arama Filtreleri’nde, kullanıcılara Yazarlar, Yazı Türleri veya Etiketler gibi hangi filtreleme seçeneklerini sunmak istediğinizi seçmeniz yeterlidir.

Modifying the SearchWP search form

Son olarak, ‘Form Stili’nde ve ‘Düğme Stili’nde, devam edin ve arama formunun görünümünü web sitenizin tasarımına uyacak şekilde özelleştirin.

Arama formunun renklerini, yazı tiplerini ve şekillerini değiştirebilirsiniz.

Editing the SearchWP search form

Her şey ayarlandıktan sonra yukarı kaydırın.

Ardından, arama formunuzu oluşturmak için ‘Kaydet’e tıklayın.

Saving the custom SearchWP search form

Adım 4: Arama ve Filtre Formunu Yerleştirin

SearchWP eklentisi, arama formunu ana sayfanız veya widget’a hazır alanlar gibi web sitenizin ön ucuna kolayca yerleştirmenize olanak tanır. Burada, WordPress blok düzenleyicisini ve Arama Formu bloğunu kullanarak bir sayfaya eklemeyi göstereceğiz.

İlk olarak, formu eklemek istediğiniz sayfayı veya yazıyı açın. Ardından, ‘+ Blok Ekle’ simgesine tıklayın ve ‘Arama Formu’nu arayın.

Adding the SearchWP search form block in the block editor

Blok Ayarları kenar çubuğunda, açılır menüden oluşturduğunuz formu seçin.

Son olarak, arama formunu canlı görmek için sayfayı yayınlayın veya güncelleyin.

Choosing a SearchWP search form in the block editor

Daha fazla bilgi için bu adım adım kılavuzlara göz atabilirsiniz:

Alternatif olarak, bir kısa kod kullanarak formu görüntüleyebilirsiniz.

Bunu yapmak için, SearchWP ” Formları Ara bölümüne giderek ve ‘Kısa Kod’ sütunundaki kodu kopyalayarak belirli formunuz için kısa kodu bulun.

Yardıma ihtiyacınız varsa WordPress’te kısa kodların nasıl ekleneceğine dair bir rehberimiz var.

Copying a search form shortcode in SearchWP

Arama formu ve filtreleme seçenekleri sayesinde ziyaretçileriniz artık web sitenizde aradıkları içeriği kolayca bulabilirler.

Bu sadece kullanıcı deneyimini iyileştirmekle kalmaz, aynı zamanda onları farklı kategorileri keşfetmeye ve değerli içeriğinizden daha fazlasını keşfetmeye teşvik edebilir.

What the SearchWP search form looks like to filter posts and pages

Yöntem 2: Yazıları ve Sayfaları Özel Kodla Filtreleme (Gelişmiş)

Bir sonraki yöntem özel kod kullanacaktır. Yeni başlayanlar için bu işlem göz korkutucu görünebilir, ancak web sitenizle sorunsuz çalıştığından emin olmak için kodu denedik ve test ettik.

Ayrıca, piyasadaki en iyi kod parçacığı eklentisi olan WPCode‘u kullanacağız. Bu eklenti, web sitesi dosyalarınızla doğrudan uğraşmadan özel kod eklemeyi güvenli hale getirir, böylece sitenizi bozma olasılığınız azalır.

İlk adım WPCode’u yüklemektir. Daha fazla bilgi için bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza göz atabilirsiniz.

Not: Bu eğitim için ücretsiz WPCode eklentisini de kullanabilirsiniz, ancak premium eklentiye yükseltme yaparak bulut tabanlı kod parçacığı kitaplığına, WooCommerce entegrasyonlarına ve daha fazlasına erişebilirsiniz.

Bu işlem tamamlandıktan sonra, WordPress yönetici alanınızda Kod Parçacıkları ” + Parçacık Ekle’ye gidin. Ardından, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğini seçin ve ‘Snippet kullan’ düğmesine tıklayın.

add custom code snippet

Şimdi, eklemeniz gereken iki tür kod parçacığı var. Bunları teker teker inceleyelim:

WordPress Filtre Kodu Ekleme

Bu kod WordPress’e kullanıcının arama sonuçlarını arama formunda seçtiği seçeneklere göre filtrelemesini söyler. Daha sonra bahsedeceğimiz arama formunu oluşturmaktan sorumlu olan başka bir kod parçacığı ile birlikte çalışacaktır.

İlk olarak, yeni snippet’inize bir isim vermeniz gerekir. ‘WordPress Arama Filtresi’ gibi basit bir şey olabilir.

Ardından, Kod Türünü ‘PHP Snippet’ olarak değiştirin.

Adding the WordPress Search Filter code in WPCode

Ardından, aşağıdaki kodu kopyalayın ve Kod Önizleme kutusuna yapıştırın:

function wpb_filter_posts($query) {
if ($query->is_main_query() && $query->is_search) {

// Category filter
if (isset($_GET['category'])) {
$category = get_category_by_slug($_GET['category']);
if ($category) {
$query->set('cat', $category->term_id);
}
}

// Published date filter based on URL structure
$url_path = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
$url_parts = explode('/', trim($url_path, '/'));
if (count($url_parts) >= 4 && is_numeric($url_parts[0]) && is_numeric($url_parts[1]) && is_numeric($url_parts[2])) {
$year = $url_parts[0];
$month = $url_parts[1];
$day = $url_parts[2];
$query->set('date_query', array(
array(
'year' => $year,
'month' => $month,
'day' => $day,
),
));
}

// Include posts without categories or tags
$query->set('post_status', 'publish');
$query->set('post_type', 'post');
$query->set('posts_per_page', -1);

// Include post types
if (isset($_GET['post_type']) && $_GET['post_type'] == 'page') {
$query->set('post_type', array('page'));
} else {
$query->set('post_type', array('post', 'page', 'custom_post_type'));
}
}
}

add_action('pre_get_posts', 'wpb_filter_posts');

Bu kod parçacığı, kullanıcının arama formunda herhangi bir filtre seçip seçmediğini kontrol eder. Örneğin, bir kategori filtresi seçilirse, kod bu kategoriyi tanımlayabilir ve yalnızca bu kategoriye ait gönderileri gösterebilir.

Ayrıca, kullanıcının seçtiği belirli yıl, ay ve günü arayarak sonuçları tarihe göre filtreleyebilir.

Son olarak kod, kullanıcının yalnızca gönderileri mi, sayfaları mı yoksa tüm gönderi türlerini mi (özel gönderi türleri dahil) görmek istediğine bağlı olarak sonuçları kontrol eder ve filtreler.

Yapıştırılan kodla birlikte, devam edin ve ‘Konum Ekle’ bölümüne gidin. Varsayılan olarak, Ekleme Yöntemi ‘Otomatik Ekleme’ ve Konum ‘Her Yerde Çalıştır’ olacaktır.

Kodun WordPress temanızın functions.php dosyasına eklenebilmesi ve düzgün çalışabilmesi için bu ayarları olduğu gibi bırakabilirsiniz.

Ardından, kod parçacığını etkinleştirin ve ‘Parçacığı Kaydet’e tıklayın.

Choosing the insertion method and location in WPCode

WordPress Arama Formu Kodu Ekleme

Sıradaki kod, daha sonra bir kısa kod kullanarak yerleştirebileceğiniz özel bir arama formu oluşturacaktır.

Tek yapmanız gereken daha önce olduğu gibi WPCode kullanarak özel kod eklemek için aynı adımları tekrarlamaktır. Ardından, bu kodu ‘WordPress Arama Formu’ olarak adlandırabilir ve kod türünü ‘PHP Snippet’ olarak değiştirebilirsiniz.

Adding the WordPress Search Form code in WPCode

Şimdi, aşağıdaki kod parçacığını Kod Önizleme kutusuna yapıştırın:

function wpb_filter_posts_form() {
$categories = get_categories();
$tags = get_tags();
$post_types = get_post_types(array('public' => true));
$output = '<form action="' . home_url('/') . '" method="get">';
$output .= '<input type="search" name="s" placeholder="Search...">';

// Category dropdown
$output .= '<select name="category">';
$output .= '<option value="" selected>All Categories</option>';
foreach ($categories as $category) {
$output .= '<option value="' . $category->slug . '">' . $category->name . '</option>';
}
$output .= '</select>';

// Tag dropdown
$output .= '<select name="tag">';
$output .= '<option value="" selected>All Tags</option>';
foreach ($tags as $tag) {
$output .= '<option value="' . $tag->slug . '">' . $tag->name . '</option>';
}
$output .= '</select>';

// Post type dropdown
$output .= '<select name="post_type">';
$output .= '<option value="all" selected>All Post Types</option>';
foreach ($post_types as $post_type) {
$post_type_object = get_post_type_object($post_type);
$output .= '<option value="' . $post_type . '">' . $post_type_object->label . '</option>';
}
$output .= '</select>';

// Year dropdown
$output .= '<select name="year">';
$output .= '<option value="">Select Year</option>';
for ($year = date('Y'); $year >= 2000; $year--) {
$output .= '<option value="' . $year . '">' . $year . '</option>';
}

$output .= '</select>';
// Month dropdown
$output .= '<select name="month">';
$output .= '<option value="">Select Month</option>';
for ($month = 1; $month <= 12; $month++) {
$output .= '<option value="' . sprintf('%02d', $month) . '">' . date('F', mktime(0, 0, 0, $month, 1)) . '</option>';
}
$output .= '</select>';

// Day dropdown
$output .= '<select name="day">';
$output .= '<option value="">Select Day</option>';
for ($day = 1; $day <= 31; $day++) {
$output .= '<option value="' . sprintf('%02d', $day) . '">' . $day . '</option>';
}
$output .= '</select>';
$output .= '<input type="submit" value="Search">';
$output .= '</form>';
return $output;
}

add_shortcode('wpb_filter_posts_form', 'wpb_filter_posts_form');

Bu kod, [wpb_filter_posts_form] adında bir kısa kod oluşturarak kullanıcıların sitenizde arama yapmasını sağlayan bir form ekler. Form, anahtar kelimeler için bir arama çubuğu ve filtreleme için çeşitli açılır menüler içerir.

Kod, arama çubuğunun açılır menüleri için sitenizden kategorileri, etiketleri ve kullanılabilir gönderi türlerini alır. Kullanıcılar, arama sonuçlarını daraltmak için belirli kategorileri, etiketleri veya gönderi türlerini seçebilir.

Ek olarak, kod tarihe göre daha da hassas filtreleme için yıl, ay ve gün açılır menülerini içerir. Son olarak, seçilen filtrelerle aramayı başlatmak için bir gönder düğmesi ekler.

Önceki kodda olduğu gibi, Ekleme Yöntemi ayarlarını olduğu gibi bırakabilirsiniz. Ardından, kodu etkinleştirin ve kaydedin.

Choosing the insertion method and location in WPCode

Arama Formu Kısa Kodunu Yerleştirme

Bu aşamada [wpb_filter_posts_form] kısa kodunu bir yazıya, sayfaya, tema şablonuna veya widget’a hazır alana ekleyebilirsiniz. Daha fazla bilgi için WordPress’te kısa kod ekleme rehberimize göz atabilirsiniz.

Bu durumda, kısa kodu özel bir arama sayfasına ekleyeceğiz. Siz de aynısını yapmak istiyorsanız, devam edin ve WordPress’te yeni bir sayfa oluşturun.

Ardından, ihtiyacınız olan her türlü bloğu kullanarak arama sayfasını özelleştirin. Örneğin, okuyuculara arama çubuğunu nasıl kullanacakları konusunda talimat vermek için resim veya metin ekleyebilirsiniz.

Bundan sonra, ‘+ Blok Ekle’ düğmesine tıklayın ve ‘Kısa kod’ bloğunu seçin.

Inserting a shortcode in the block editor

Tamamlandığında, [wpb_filter_posts_form] kısa kodunu uygun alana eklemeniz yeterlidir.

Değişikliklerinizi canlı hale getirmek için Yayınla, Güncelle veya Kaydet düğmesine basın.

Inserting the search form shortcode in the block editor

Şimdi yeni özel arama formunuzu görmelisiniz.

İşte demo web sitemizde nasıl göründüğü:

The custom search and filter form made with WPCode

Yöntem 3: Search & Filter Eklentisi ile Yazıları ve Sayfaları Filtreleyin (Ücretsiz)

Son yöntem ise ücretsiz olarak sunulan Search & Filter eklentisini kullanmaktır. WordPress blog sayfanızda arama ve filtreleme özelliğini etkinleştirmenin hızlı ve kolay bir yolunu arıyorsanız bu harika bir seçenektir.

Yapmak istediğiniz şey Arama ve Filtreleme eklenti. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, eklenti WordPress yönetici alanınıza ‘Arama ve Filtre’ etiketli yeni bir menü öğesi ekleyecektir. Bu öğeye tıkladığınızda eklentinin nasıl kullanılacağına dair ayrıntılı belgelerin yer aldığı kullanım sayfasına yönlendirileceksiniz.

The Search and Filter plugin documentation page

Search & Filter eklentisi, filtreleme seçeneklerini görüntülemek için farklı parametreleri kabul eden bir kısa kodla birlikte gelir. Bu kısa kodu bir yazıda, sayfada veya bir metin widget’ının içinde kullanabilirsiniz:

[searchandfilter fields="search,category,post_tag"]

Bu, arama, kategori ve etiket alanlarıyla filtreleme seçeneklerini görüntüleyecektir:

The basic Search and Filter form

Eklentinin en güzel yanı, kısa kod etiketlerini düzenleyerek hangi filtreleme seçeneklerinin kullanılabileceğini özelleştirebilmenizdir.

Örneğin, arama çubuğuna kategori, etiket, gönderi türü ve tarih alanlarını dahil etmek istiyorsanız, bu kısa kodu kullanmanız gerekecektir:

[searchandfilter fields="search,category,post_tag,post_types,post_date"]

İşte böyle görünüyor:

Search and Filter form with date filters

Açılır menüleri kullanmak istemiyorsanız, onay kutularını da kullanabilir ve her alan için etiket ekleyebilirsiniz.

Aşağıdaki kısa kodda, eklentiye arama çubuğunu kategori seçenekleri için onay kutularıyla birlikte görüntülemesini söylüyoruz:

[searchandfilter headings="Select categories:" types="checkbox" fields="category"]

Aşağıdaki örneğe göz atın:

Search and Filter checkboxes

Ayrıca, eklentiye tek bir kısa kodda bazı filtre seçenekleri için onay kutuları ve diğerleri için açılır menüler kullanmasını söyleyebilirsiniz.

Bu, arama çubuğuna yazı türlerini, kategorileri ve etiketleri dahil etmek için kullandığımız kısa koddur. Eklentiden yazı türleri seçeneği için onay kutuları kullanmasını istedik:

[searchandfilter headings="Yazı türü, Kategori, Etiket" types="checkbox, select, select" fields="post_types,category,post_tag"]

Kısa kodu kullanmanın daha fazla yolu için eklentinin belgelerine başvurmaktan çekinmeyin.

Search and Filter checkboxes and dropdowns

Bonus İpucu: WordPress Sitenize Canlı Ajax Araması Ekleyin

Artık kullanıcıların gönderileri ve sayfaları filtrelemesine nasıl izin vereceğinizi bildiğinize göre, işleri bir adım öteye taşıyabilir ve canlı Ajax aramasıyla arama deneyimini geliştirebilirsiniz.

Canlı Ajax araması, kullanıcılar sorgularını yazarken arama sonuçlarını görüntülemek için gerçek zamanlı teknolojiyi kullanır. Bu, sayfanın yenilenmesini beklemek zorunda kalmayacağınız anlamına gelir. Sonuçlar anında görünecek ve arama işlemini ziyaretçileriniz için çok daha hızlı ve kullanışlı hale getirecektir.

Google search live example

Daha hızlı bir arama deneyimi, kullanıcıları sitenizde daha uzun süre tutabileceğiniz, sayfa görüntülemelerini artırabileceğiniz ve hemen çıkma oranını azaltabileceğiniz anlamına gelir.

İyi haber şu ki, SearchWP Live Ajax Search adlı ücretsiz bir eklenti ile bu işlevi sitenize kolayca ekleyebilirsiniz. Daha fazla bilgi için web sitenize nasıl canlı Ajax araması ekleyebileceğinize dair WordPress eğitimimizi okuyabilirsiniz.

Umarız bu makale WordPress’te kullanıcıların yazıları ve sayfaları nasıl filtreleyeceğini öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te web dizini oluşturma kılavuzumuza ve web sitenizi büyütmek için sahip olunması gereken WordPress eklentileri uzman seçimimize 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

17 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. Himanshu Gautam says

    hi
    I am using this plugin
    is there any option to select a category without hitting the submit button?

  3. Marwan Nour says

    Hello there,

    I am trying to implement Search & Filter in a website that’s both in Arabic and in English. The English version of the Search & Filter is working well however in the Arabic Version, after hitting search, I am redirected to the English Version of the search page with the results in English. Can anyone help me with that issue please? Thank you

    • WPBeginner Support says

      You would want to reach out to the plugin’s support to see if this could be a conflict with the plugin and the translation plugin you’re using.

      Yönetici

  4. Tom Ale says

    Hi, I am using WordPress with Gantry.
    I installed this plugin and used a shortcode. It appears where it suppose to be. When clicking the button to filter content, nothing happens. Did anyone face this problem? Help, please.

  5. Sébastien Albert says

    Hi,
    Search & Filter looks great. But could you tell me if it can do that :
    I would have a filter on tags but only on one category which I could define…

    Thanks a lot
    Sebastien

  6. Soumik Sadman Anwar says

    How can I create filter options in a single post?

    For example, If I am interested in writing a post “Necessary Tools to Build A Website” and want to include filter options like Purpose Based Tools (like SEO, Design etc.) and the Price option (Free or Paid), how do I do it?

  7. Pavel says

    Great plugin, but have some limitations and bugs.
    1. No Reset button.
    2. When I uncheck all checkboxes and press Submit, it transfers to the front page.
    Maybe there’s an option Show all?

  8. Wolney Mamede says

    First of all, thanks for the post.
    I would like to know if it is possible to filter the search from the group of fields, created from the “Advanced Custom Fields – v. 4.4.12” plugin.
    Also by default, the search would be restricted to a custom post type from the “Custom Post Type UI – v. 1.5.8” plugin.

  9. Sultan Haider says

    Hi, I had created employ database on tablepress and i want to filter in front end employ according to year wise for example if i select 2013 this shows only those employ which join in 2013.
    i have perform lot of research but i cant find free pluggin according to my need.
    please help me for suggestion.

    thanks

  10. Christine says

    Thanks a lot for the comprehensive article. Do you know if it is also possible to have only certain tags in the dropdowns?

  11. Pawan says

    Great Job. just one last question. Instead of searching the post, is it possible to search category using the search string? I would like to show all the possible post in search page and then the category if it matches the search string (partially or fully).

  12. Maz says

    Hi,
    Great as always.
    I just wonder would the use of this plugin be recommended on a site with many posts? Will it not lead to slower load time?

    Thanks

  13. Matus says

    Could you please give us a little bit deeper look to your behind the scenes? (in Blueprint post you write only what you’re using – you can also write if you want, how to properly set up plugins, themes…)
    For example tutorial on 10 tips and trick to masterize or customize Genesis Framework would be really really helpful.

  14. Patxi says

    Hi WPBeginner!

    In relation to the filters of new taxonomies, a question of initiation, how I can visualize in the post a new taxonomy for a second type of labels that later I can filter with this plugin?

    It would be an interesting topic.

    Thanks for you post!

  15. Omer Causey says

    Your suggestions for allowing users to filter posts are welcome, but the explanation of how and where to insert the required shortcode is beyond this beginner’s understanding.

    • WPBeginner Support says

      Hi Omer,

      You can add the shortcode in a post or page. If you want to display the filter site-wide then you will need to edit your WordPress theme files and use the template tag instead.

      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.