Buat Bagian "Trending Posts" Di Oxygen Builder - Tutorial

Diterbitkan: 2022-06-22

Dalam artikel dan tutorial video ini, kita akan membuat bagian postingan yang sedang tren/populer di Oxygen Builder menggunakan elemen pengulang, Plugin Posting Populer WordPress, dan kueri lanjutan.

Salah satu tutorial pertama yang kami terbitkan di blog ini terkait dengan Oxygen adalah cara membuat bagian posting populer. Sekarang, pada tahun 2022, kita akan meninjau kembali topik ini menggunakan metode terbaru dan plugin terbaik untuk pekerjaan itu.

Agensi kami bekerja di banyak situs berita dan konten besar. Persyaratan terus-menerus dari jenis situs web ini adalah kemampuan untuk menampilkan posting yang sedang tren dan populer. Mekanisme yang digunakan masing-masing widget ini sama - pertama, kita perlu memahami berapa banyak tampilan yang diperoleh postingan tertentu, dan kemudian kita dapat melakukan kueri berdasarkan itu.

Kursus Pembangun Oksigen - Segera Hadir!

Kursus Penguasaan Pembangun Oksigen akan membawa Anda dari pemula hingga profesional - termasuk modul ACF, MetaBox & WooCommerce.

Dapatkan Pemberitahuan Peluncuran & Diskon

Postingan populer biasanya melihat jumlah tampilan postingan secara keseluruhan dalam jangka waktu yang lama. Misalnya, kami dapat menampilkan posting paling populer yang pernah ada di blog, atau posting paling populer untuk tahun tertentu.

Posting tren melihat jumlah tampilan keseluruhan selama periode waktu yang lebih singkat, biasanya sehari atau seminggu. Misalnya, jika satu posting mendapat 100 tampilan dalam satu hari, dibandingkan dengan rata-rata situs web 33 tampilan, kita akan tahu bahwa ini sedang tren.

Ada banyak plugin di repositori WordPress yang memungkinkan Anda menambahkan widget jenis ini dengan cepat ke situs web WordPress. Namun, pengulang oksigen dan elemen pos mudah memungkinkan Anda untuk secara serius menyesuaikan output data dinamis dari setiap pos. Dalam proyek kami, kami membuat tampilan dan kartu yang sepenuhnya khusus menggunakan repeater.

Dengan metode ini, kita dapat dengan mudah memasukkan postingan populer dan postingan yang sedang tren ke dalam Oxygen Builder menggunakan repeater.

Video tutorial

Dapatkan Tampilannya

Langkah pertama adalah memahami berapa banyak tampilan yang diperoleh setiap posting.

Untuk mendapatkan tampilan itu akan menggunakan plugin populer yang disebut " Posting Populer WordPress ". Ini adalah alat yang sangat kuat - ini mendukung multi bahasa, dilengkapi dengan caching, didokumentasikan dengan sangat baik di GitHub, memiliki dasbor statistik di admin WP dan bahkan memiliki dukungan API!

isotropik-2022-06-19-at-17-41-16 — Instal plugin ini di situs web Oxygen Builder Anda

Di luar kotak, ini memberi Anda widget yang dapat disesuaikan untuk dengan mudah menampilkan posting paling populer di situs web Anda. Anda dapat memasukkannya ke dalam Oxygen menggunakan shortcode.

Namun, kami ingin melangkah lebih jauh dan menggunakan elemen pengulang Oxygen Builder untuk menampilkan postingan paling populer dan sedang tren. Dengan cara ini, kita dapat menggunakan pembuatnya untuk sepenuhnya menyesuaikan tampilan dan nuansa dari postingan kita yang paling populer.

Namun, ada sedikit masalah dengan cara plugin ini mengelola jumlah tampilan. Tampilan disimpan dalam tabel database yang terpisah dari posts atau postmeta . Untuk melakukan kueri menggunakan WordPress Square standar di pembuat oksigen, kami memerlukan data ini yang dapat diakses melalui bidang meta.

Tambahkan Tampilan ke Meta Postingan

Setelah Anda menginstal plugin WordPress Popular Posts , saatnya membuat data ini dapat digunakan untuk kueri kami.

Untuk melakukan ini, kita perlu mengambil nomor tampilan terbaru, dan mengisinya di bawah bidang khusus yang terkait dengan posting kita.

Setelah data ini dapat diakses, kami kemudian dapat menggunakannya untuk memesan posting berdasarkan popularitas di Kueri WordPress khusus.

Pertama, tambahkan kode ini ke situs web Anda menggunakan pengelola cuplikan kode. Kami menyarankan Script Organizer untuk situs web Oxygen Builder.

/** * Menyimpan tampilan periode waktu yang berbeda sebagai kunci meta. * * @author @migueleste / @radgh * @link https://wordpress.org/support/topic/how-to-sort-a-custom-query-by-views-all-time-monthly-weekly-or- daily/ * @param int $postid ID dari jenis posting/halaman/custom post saat ini. */ function custom_wpp_update_postviews($postid) { // Akurasi: // 10 = 1 dari 10 kunjungan akan memperbarui jumlah tampilan. (Direkomendasikan untuk situs dengan lalu lintas tinggi.) // 30 = 30% kunjungan. (Situs web dengan lalu lintas sedang.) // 100 = Setiap kunjungan. Membuat banyak operasi penulisan db setiap permintaan. $akurasi = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy) ) { // Hapus atau komentari baris yang tidak akan Anda gunakan!! update_post_meta( $postid, 'views_total', wpp_get_views($postid, 'all', false) ); update_post_meta( $postid, 'views_daily', wpp_get_views($postid, 'daily', false) ); update_post_meta( $postid, 'views_weekly', wpp_get_views($postid, 'weekly', false) ); update_post_meta( $postid, 'views_monthly', wpp_get_views($postid, 'monthly', false) ); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

Kode ini dibuat oleh pengembang di belakang plugin untuk melakukan apa yang kami butuhkan - berikan kami data yang dapat digunakan untuk kueri.

Ini memberi kita empat bidang meta baru untuk digunakan - views_total, views_daily, views_weekly, views_monthly .

Tampilan total dan tampilan bulanan sangat bagus untuk digunakan pada bagian posting populer. Tampilan harian dan mingguan sangat bagus untuk posting yang sedang tren.

Setiap bidang berisi nomor untuk tampilan yang sesuai - misalnya, pada posting tertentu, saya dapat menampilkan total tampilan di frontend dengan menambahkan ini di blok kode Oksigen pada template yang diterapkan ke posting:

<?php the_field('views_total'); ?> //output contoh adalah 1203. Artinya, sejak postingan tersebut dipublikasikan, postingan tersebut telah dilihat sebanyak 1203 kali.

Tunggu sebentar!

Bergantung pada lalu lintas yang didapat situs web Anda, Anda akan ingin mengoptimalkan ini sehingga sumber daya server habis untuk menulis setiap tampilan ke database. Untungnya, ada fitur bawaan untuk cuplikan kode ini yang hanya membahas ini.

Di dekat bagian atas cuplikan kode ini, Anda dapat melihat bagian untuk akurasi. Dikomentari dalam kode adalah instruksi.

Akurasi dikontrol dari 0-100. Jika diatur ke 100, setiap tampilan halaman akan dicatat ke database. Jika disetel 1, 1 dari 10 kunjungan akan memperbarui jumlah penayangan.

Akurasi harus diturunkan untuk situs web lalu lintas yang lebih tinggi. Ini meminimalkan beban pada server dan masalah kinerja.

Perlu diingat, plugin ini tidak dimaksudkan untuk menggantikan solusi analitik. Oleh karena itu, akurasi tidak terlalu menjadi masalah karena rasio penayangan terhadap postingan akan sama. Anda masih akan tahu pos mana yang populer.

Bangun Bagian Postingan Trending

Sekarang, mari kita cepat membangun bagian posting yang sedang tren dan populer.

Saya akan menggunakan repeater, dan dengan cepat menambahkan gambar unggulan, judul posting, kutipan, dan tautan baca lebih lanjut. Anda juga dapat menggunakan posting mudah, karena kami akan menggunakan fitur kueri lanjutan yang disertakan dengan Oxygen.

isotropik-2022-06-19-at-18-04-50 — Tampilan "berita utama" saya, dibuat dengan repeater Oxygen Builder

Kueri Posting Tren

Sekarang, saatnya untuk query dari posting trending. Seperti yang disebutkan sebelumnya, kita akan menggunakan jumlah tampilan keseluruhan untuk hari itu, karena ini memberi kita pemahaman yang baik tentang apa yang sedang tren selama periode tertentu.

Untuk melakukannya, gunakan fitur kueri lanjutan untuk elemen pengulang atau pos mudah.

Klik tombol "edit kueri" untuk membuka UI kueri lanjutan.

Sekarang, tambahkan yang berikut ini. Untuk kasus yang digunakan ini, saya hanya ingin menampilkan delapan posting paling populer berdasarkan tampilan mingguan.

Aku menyiapkan:

posting_per_halaman = 8
no_found_rows = true (ini menonaktifkan pagnasi untuk repeater)
post_type = posting
meta_key = views_weekly (ini memberi tahu WordPress bahwa kita perlu mengaitkan data dari bidang ini dengan kueri. Ingat, kita dapat mengubah ini menjadi total, harian, mingguan, atau bulanan tergantung pada apakah kita ingin postingan yang sedang tren atau populer)
order_by = meta_value_num (ini memberitahu kami bahwa kami akan memesan dengan nomor yang terkait dengan nilai meta kami yang dalam hal ini adalah tampilan mingguan)
order = desc (ini memberitahu kita untuk mengurutkan postingan berdasarkan tampilan terbanyak ke tampilan paling sedikit)

Sekarang, simpan semuanya dan pergilah ke ujung depan situs Oxygen Anda. Anda sekarang akan menampilkan posting di repeater khusus ini yang diurutkan berdasarkan jumlah tampilan selama periode waktu yang dipilih.

Bonus

Saya juga ingin menampilkan jumlah tampilan keseluruhan kepada pembaca saya di ujung depan blog. Untuk melakukan ini, saya akan membuat kode pendek. Saya menambahkan kode ini ke manajer cuplikan saya:

<?php add_action('init', function(){ add_shortcode('post_views', function(){ return wpp_get_views(get_the_ID()); }); }); ?>

Kemudian, saya dapat memasukkan jumlah tampilan untuk satu posting dengan menambahkan kode pendek ini:

[post_views]

Untuk tutorial ini, saya menempatkan kode pendek ini di repeater saya untuk menampilkan tampilan yang terkait dengan sebuah posting. Dengan cara ini, saya dapat memverifikasi bahwa kueri saya berfungsi seperti yang dirancang.

isotropik-2022-06-19-at-18-03-45 — Ini tidak akan berfungsi di editor, tetapi berfungsi di frontend.

isotropik-2022-06-19-at-18-14-12 — Pengulang frontend, diurutkan berdasarkan jumlah tampilan mingguan, menampilkan total tampilan halaman di frontend.

Sesuatu yang perlu diperhatikan di sini adalah bahwa ini tidak menggunakan bidang jumlah tampilan yang kami tambahkan ke posting tunggal kami dengan cuplikan kode sebelumnya. Alih-alih, itu menarik dari tabel database yang ditambahkan plugin ini selama instalasi. Itu berarti bahwa ini akan selalu menjadi jumlah penayangan yang akurat, terlepas dari keakuratan yang dikatakan dalam cuplikan sebelumnya (keduanya adalah dua hal yang berbeda).

Saya juga dapat menambahkan info ini dengan menambahkan PHP berikut langsung ke blok kode pada template yang diterapkan ke satu posting:

<?php if ( function_exists('wpp_get_views') ) { // get_the_ID() hanya berfungsi bila digunakan // di dalam Loop! (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // Saya juga bisa memfilter <?php if ( function_exists('wpp_get_views') ) { // '15' ini ID postingan / halaman echo wpp_get_views(15, 'last7days'); } ?> // Lainnya: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

Kesimpulan

Artikel ini menunjukkan kepada Anda cara menambahkan bagian posting yang populer dan/atau sedang tren menggunakan pengulang Oxygen Builder ke situs web yang dibuat dengan plugin ini. Jika Anda memiliki pertanyaan atau saran, jangan ragu untuk meninggalkannya di bagian umum di bawah ini.

Kamu mungkin suka

Berlangganan & Bagikan

Jika Anda menyukai konten ini, berlanggananlah kumpulan berita WordPress bulanan kami, inspirasi situs web, penawaran eksklusif, dan artikel menarik.

Berhenti berlangganan kapan saja. Kami tidak melakukan spam dan tidak akan pernah menjual atau membagikan email Anda.