Panduan Utama untuk Posting dan Penyaringan Halaman WordPress

Jika Anda pernah berbelanja di Amazon, kemungkinan Anda sudah menghargai kekuatan filter untuk menelusuri banyak konten dan menemukan dengan tepat apa yang Anda cari. Saat mencari produk di Amazon, selalu ada bilah sisi yang penuh dengan filter yang membantu Anda mempersempit pencarian Anda, hanya mengembalikan hasil yang memenuhi persyaratan terpenting Anda. Filter seperti penilaian pelanggan, merek, apakah produk untuk pria atau wanita, kondisi (baru/bekas), dan banyak lagi.

Mengingat betapa bergunanya filter konten, mungkin tidak mengherankan bahwa kemampuan untuk membuatnya untuk konten WordPress Anda dibangun langsung ke dalam WordPress Core. Dan dengan sedikit pengetahuan, Anda dapat memberikan kekuatan itu kepada pengunjung situs Anda—memungkinkan mereka untuk menavigasi konten Anda dengan lebih gesit daripada sebelumnya.

Dalam posting ini, kami akan memandu Anda melalui proses pembuatan opsi pemfilteran konten untuk pengguna Anda dengan sebuah plugin.

Mari kita mulai!

Mengapa Posting dan Pemfilteran Halaman WordPress?

WordPress sangat fleksibel. Inti memungkinkan Anda untuk memiliki kontrol penuh atas semua yang ada di situs Anda. Pemfilteran posting dan halaman adalah salah satu fitur WordPress yang paling kuat. Ada beberapa fungsi bawaan untuk posting, halaman, dan konten khusus. Selain itu, ada banyak cara untuk memilih, mengelompokkan, dan memfilter item yang disimpan dalam database. Anda dapat membuat daftar hasil pencarian yang dapat diurutkan berdasarkan templat halaman, jenis posting, istilah taksonomi, hierarki templat, halaman produk, atau apa pun yang Anda inginkan.

Secara default, WordPress hadir dengan fungsi pencarian bawaan. Namun, fungsi pencarian itu meninggalkan banyak hal yang diinginkan dan tidak membantu ketika pembaca Anda ingin memfilter hasil dengan cara tertentu. Di situlah bantuan plugin pihak ketiga berperan.

Apa yang Dilakukan Plugin Pencarian & Filter?

Plugin Search & Filter adalah plugin yang mudah digunakan yang membawa kotak pencarian WordPress default ke tingkat berikutnya. Hal ini memungkinkan pengunjung Anda untuk mencari istilah tertentu dan menyaring hasil berdasarkan kategori, tag, jenis posting kustom, taksonomi kustom, rentang tanggal, atau bahkan kombinasi dari semuanya untuk pencarian yang lebih halus dan hasil yang lebih akurat.

Menggunakan plugin sangat sederhana. Setelah Anda menginstal dan mengaktifkan plugin, Anda akan dibawa ke halaman pengaturan dengan penjelasan rinci tentang cara menggunakannya. Singkatnya, Anda dapat menggunakan kode pendek di mana saja di posting, halaman, atau bilah sisi widget apa pun. Atau, jika Anda merasa berani dan tidak keberatan mengotori tangan Anda dengan sedikit kode, Anda dapat menempelkan satu baris kode di file tema Anda.

Mari kita lihat beberapa contoh.

Cara Memfilter Postingan Dengan Pencarian & Filter

Penggunaan paling dasar dari plugin adalah kode pendek yang memungkinkan pengunjung untuk mencari melalui semua kategori dan tag Anda. Kode pendek default terlihat seperti ini:

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

Anda dapat memasukkannya ke dalam posting, halaman, atau widget teks apa pun dan itu akan menampilkan opsi pemfilteran dengan bidang pencarian, kategori, dan tag di ujung depan:

Jika Anda ingin membiarkan pengunjung memilih lebih dari satu kategori atau tag, Anda dapat melakukannya dengan mudah dengan memodifikasi kode pendek untuk menyertakan kotak centang alih-alih dropdown dan memberi label pada setiap bidang:

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

Contoh di atas menunjukkan cara menggunakan plugin di sidebar. Namun, Anda juga dapat menggunakannya dalam file tema Anda untuk menampilkannya di halaman mana pun. Pada contoh di bawah ini, formulir ditampilkan di halaman blog. Yang harus Anda lakukan adalah menempelkan baris kode berikut:

<?php echo do_shortcode('[searchandfilter fields="search,category,post_tag"]'); ?>

Dalam kasus kami, kami telah menambahkannya ke template indeks utama tema Twenty Seventeen.

Bagaimana Cara Memfilter Taksonomi Kustom?

Contoh di atas menunjukkan penggunaan plugin yang sangat mendasar. Tapi, plugin Search & Filter menerima parameter lain juga. Anda dapat menggunakan kode pendek yang memungkinkan pengunjung Anda memfilter hasil pencarian hanya untuk taksonomi khusus.

Katakanlah Anda memiliki toko di situs Anda dengan WooCommerce. Jika Anda ingin memasukkan kategori produk dalam hasil pencarian, yang harus Anda lakukan adalah menambahkan kode pendek berikut:

[searchandfilter taxonomies="search,category,post_tag,product_cat" headings=",Categories,Tags,Product Categories"]

Dalam contoh ini, saya juga telah menambahkan judul sebelum setiap bidang sehingga pengunjung lebih mudah membedakan antara bidang:

Jika Anda ingin menampilkan ini pada halaman di tema Anda, maka yang perlu Anda lakukan adalah menempelkan baris kode berikut di templat halaman yang sesuai di bawah Appearance > Themes > Editor :

<?php echo do_shortcode('[searchandfilter taxonomies="search,category,post_tag,product_cat" headings=",Categories,Tags,Product Categories"]'); ?>

Bagaimana Memfilter Postingan Berdasarkan Rentang Tanggal?

Penggunaan kasus lain adalah jika Anda ingin membiarkan pengunjung Anda mencari posting dalam kategori tertentu dalam rentang tanggal tertentu. Dalam hal ini, cukup tempel baris kode berikut di archive.php Anda :

<?php echo do_shortcode('[searchandfilter fields="search,post_date" types=",daterange" headings=",Post Date"]'); ?>

Bagaimana Cara Memfilter Format dan Halaman Postingan?

Pada contoh terakhir, mari kita lihat memfilter format dan halaman postingan. Jika Anda memublikasikan postingan video atau audio, kode pendek ini akan memungkinkan pengunjung hanya untuk menemukan postingan yang termasuk dalam format postingan yang Anda tentukan:

[searchandfilter fields="search,post_format" types=",select" headings=",Post Format" submit_label="Filter"]

Jika Anda ingin pengunjung memfilter halaman atau posting, maka yang Anda butuhkan hanyalah kode pendek yang menerima jenis posting sebagai parameter:

[searchandfilter fields="search,post_types" post_types="post,page" headings=",Post Types"]

Selain contoh di atas, plugin memungkinkan Anda menjadi lebih spesifik dengan menyertakan parameter untuk mengurutkan hasil dalam urutan hierarkis, untuk menampilkan jumlah posting dalam kategori tertentu, menambahkan kelas, memfilter penulis, dan banyak lagi.

Cara Memfilter Postingan Secara Manual

Seperti apa pun yang terkait dengan WordPress, ada cara untuk melakukannya tanpa menggunakan plugin. Katakanlah Anda ingin membuat formulir sederhana yang memungkinkan pengunjung memfilter posting dari kategori tertentu.
Pertama, Anda perlu membuat formulir sederhana:

<form action="<?php echo site_url() ?>/wp-admin/admin-ajax.php" method="POST" id="filter">
    <?php
        if( $terms = get_terms( 'category', 'orderby=name' ) ) : 
            echo '<select name="categoryfilter"><option>Select category...</option>';
            foreach ( $terms as $term ) :
                echo '<option value="' . $term->term_id . '">' . $term->name . '</option>'; 
            endforeach;
            echo '</select>';
        endif;
    ?>
    <label>
        <input type="radio" name="date" value="ASC" /> Date: Ascending
    </label>
    <label>
        <input type="radio" name="date" value="DESC" selected="selected" /> Date: Descending
    </label>
    <button>Apply filters</button>
    <input type="hidden" name="action" value="customfilter">
</form>
<div id="response"></div>

Pada formulir di atas, bagian pertama memungkinkan pengguna memilih taksonomi dengan menggunakan fungsi get_terms . Anda dapat menggunakan ini untuk kategori dan tag default serta taksonomi khusus. Bagian selanjutnya menambahkan tombol radio yang memungkinkan pengunjung untuk menampilkan hasil dalam urutan menaik atau menurun. Terakhir, bagian terakhir adalah tombol untuk formulir yang memungkinkan mereka menerapkan filter yang dipilih.

Seluruh formulir telah ditambahkan ke template sidebar.php di Appearance > Themes > Editor .

Langkah selanjutnya adalah menggunakan jQuery sehingga hasilnya dapat ditampilkan tanpa harus memuat ulang halaman:

jQuery(function($){
    $('#filter').submit(function(){
        var filter = $('#filter');
        $.ajax({
            url:filter.attr('action'),
            data:filter.serialize(), // form data
            type:filter.attr('method'), // POST
            beforeSend:function(xhr){
                filter.find('button').text('Applying Filters...');          },
            success:function(data){
                filter.find('button').text('Apply filters');                $('#response').html(data); 
            }
        });
        return false;
    });
});

Kode terakhir adalah menambahkan fungsi ke file function.php yang akan memproses hasilnya berdasarkan filter yang dipilih. Ini akan melihat melalui kategori yang dipilih dan selama ada posting, itu akan menampilkannya pada tanggal mereka diposting dalam urutan menaik atau menurun. Jika tidak ada posting yang ditemukan dalam kategori, itu akan menampilkan pesan tidak ada posting yang ditemukan:

 
function my_filters(){
    $args = array(
        'orderby' => 'date', 
        'order' => $_POST['date'] 
    );
 
        if( isset( $_POST['categoryfilter'] ) )
        $args['tax_query'] = array(
            array(
                'taxonomy' => 'category',
                'field' => 'id',
                'terms' => $_POST['categoryfilter']
            )
        );
  
    $query = new WP_Query( $args );
 
    if( $query->have_posts() ) :
        while( $query->have_posts() ): $query->the_post();
            echo '<h2>' . $query->post->post_title . '</h2>';
        endwhile;
        wp_reset_postdata();
    else :
        echo 'No posts found';
    endif;
 
    die();
}
 
 
add_action('wp_ajax_customfilter', 'my_filters'); 
add_action('wp_ajax_nopriv_customfilter', 'my_filters');

Hasil akhir menampilkan seperti ini front-end:

Mengapa Anda Harus Membiarkan Pembaca Anda Memfilter Posting dan Halaman di WordPress

Metode di atas adalah cara yang bagus untuk memungkinkan pengguna memfilter posting Anda. Tapi mengapa Anda ingin melakukan itu?

WordPress sudah memungkinkan Anda untuk mengatur posting Anda dengan kategori dan tag, tetapi hanya memungkinkan pengguna untuk melihat satu kategori atau tag pada satu waktu. Selain itu, jika Anda menggunakan jenis posting khusus yang menggunakan kategorinya sendiri, kategori tersebut tidak akan terlihat bersama dengan yang digunakan untuk posting biasa.

Plugin Search & Filter sangat berguna tidak hanya ketika Anda memiliki banyak kategori dan tag berbeda yang dipasangkan dengan konten senilai tahun, tetapi juga berguna jika Anda telah menambahkan jenis posting khusus seperti portofolio, galeri, testimonial, dan banyak lagi.

Contoh lain adalah pengunjung Anda dapat dengan mudah menggunakan plugin ini untuk menyaring produk Anda dan menemukan apa yang mereka cari. Dan jika Anda sudah familiar dengan kode, melakukannya secara manual memungkinkan Anda untuk memiliki kontrol lebih besar atas cara hasil pencarian ditampilkan dan parameter yang digunakan.

Membungkus

Memastikan situs web Anda mudah digunakan dengan memungkinkan pengunjung Anda menemukan konten yang Anda inginkan dengan cepat adalah cara yang bagus untuk memberi mereka pengalaman pengguna yang menyenangkan dan mendorong mereka untuk kembali. Jika situs Anda kaya dengan konten, pertimbangkan untuk menerapkan pemfilteran halaman dan postingan untuk memastikan mereka mendapatkan konten yang ingin mereka lihat lebih banyak.

Kami akan senang mendengar pengalaman Anda dengan pencarian dan pemfilteran WordPress. Beri tahu kami di komentar di bawah.

Gambar thumbnail artikel oleh graphicglobe / shutterstock.com