Cara Menampilkan Post Views di WordPress Tanpa Plugin 596xd

Kalau kalian mau nambahin fitur counter buat ngitung jumlah views per artikel di WordPress tanpa ribet pake plugin, caranya gampang banget sobat. Di tutorial ini, saya akan tunjukin langkah-langkahnya. Tapi pastiin kalian itu sudah paham soal bahasa pemrograman PHP dan CSS ya, biar bisa nempatin view counter-nya di tempat yang pas. Buat yang baru nyemplung ke WordPress, kalian bisa cek dulu panduan pemula bikin website WordPress.

1. Tambahkan Fungsi ke functions.php 4766u

Buka file functions.php dari theme yang kalian pake, lalu tempelin kode ini di bagian bawah. Ini udah termasuk logika biar nggak nge-trigger view dan ngehindarin multiple hit dari satu per session.

            // Menampilkan jumlah views function getPostViews($postID) { $count_key = ‘post_views_count’; $count = get_post_meta($postID, $count_key, true); if ($count == ”) { delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, ‘0’); return “0 View”; } return $count . ‘ Views’; }// Menghitung views kecuali  dan hanya sekali per sesi function setPostViews($postID) { if (is__logged_in() && current__can(‘manage_options’)) return; $count_key = ‘post_views_count’; $count = get_post_meta($postID, $count_key, true); if ($count == ”) { $count = 0; delete_post_meta($postID, $count_key); add_post_meta($postID, $count_key, ‘0’); } else { if (!isset($_SESSION)) { session_start(); } $key = ‘viewed_’ . $postID; if (!isset($_SESSION[$key])) { $count++; update_post_meta($postID, $count_key, $count); $_SESSION[$key] = true; } } }
           

2. Tambahkan Counter di single.php 4g2lr

Masukin baris ini ke file single.php, di dalam loop post biar view keitung pas artikel dibuka:

            <?php setPostViews(get_the_ID()); ?>
           

3. Tampilkan Jumlah Views di Post 3o1m1y

Kalau kalian pengen nunjukin berapa kali post dibaca, tinggal panggil fungsi ini di dalam template:

            <?php echo getPostViews(get_the_ID()); ?>
           

4. Tambahkan Icon Mata + Styling 222i38

Supaya tampilannya makin cakep, tambahin icon dan styling biar lebih -friendly:

            <span class=”viewz”><i class=”fa fa-eye”></i> <?php echo getPostViews(get_the_ID()); ?></span>
           

Lalu masukin CSS ini ke file style.css theme kalian :

            .viewz { color: #f0f0f0; font-size: 14px; display: inline-flex; align-items: center; margin-top: 10px; } .viewz i { margin-right: 6px; color: #ffcc00; }
           

Kalau gak mau ribet, kalian juga bisa menampilkan post views WordPress pakai plugin yang udah siap kayak Post Views Counter atau BAW Post Views Count. Tapi kalau mau ringan dan clean, cara manual di atas udah paling mantap. Tanpa plugin, loading juga lebih cepat.

Leave a Response