Menampilkan Post Views WordPress Yasir252

Menampilkan Post Views di WordPress Tanpa Plugin

Tutorial ini ditujukan untuk kalian wordpress developer yang ingin tau cara untuk menambahkan fitur penghitung jumlah visitor atau post views serta menampilkannya (menampilkan post view). Caranya sebenarnya sangat mudah, cukup copy dan paste kodingan aja kok. Namun kalian juga perlu untuk memahami konsep PHP dan CSS untuk dapat meletakan fitur ini di tempat yang kalian inginkan. Buat kalian yang belum pernah membuat website wordpress, silahkan baca Tutorial Pemula Membangun Website WordPress.

Menambahkan Koding Untuk Menampilkan Jumlah Views

  1. Buka functions.php kalian yang ada di dalam Folder Theme
  2. Copy dan paste kode dibawah ini, dimanapun bisa kok.
    // function to display number of posts.
    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’;
    }
     
    // function to count views.
    function setPostViews($postID) {
        $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{
            $count++;
            update_post_meta($postID, $count_key, $count);
        }
    }
  3. Lalu tambahkan kode singkat dibawah ini ke single.php
     <?php setPostViews(get_the_ID()); ?>
  4. Dan terakhir, untuk menampilkan Jumlah Viewnya, gunakan kode ini.
    <?php echo getPostViews(get_the_ID()); ?>
  5. Gunakan kode terakhir tersebut dilokasi yang kalian inginkan. Jika kalian sudah memahami PHP dan CSS, maka meletakan icon dan jumlah view tersebut akan lebih mudah.

=============================

Menampilkan Post Views WordPress Yasir252

Menambahkan Icon Mata dan Class Views

1. Untuk menampilkan Icon Mata + Jumlah View, gunakan Kode PHP seperti pada langkah ke 4

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

2. Setelah menambahkan kode PHP tersebut, barulah kalian setel kode CSSnya di Style.css, misalkan seperti ini

.viewz {float:right; color:#fff;}

 

Oke, itu adalah kodingan mudahnya untuk menampilkan post views, kalian tidak memerlukan plugin untuk menambahkan fitur ini. Semua jumlah views yang didapat akan di simpan didalam Meta Data Post. Kalian bisa juga memanfaatkan plugin seperti Baw Post View Count atau Post View Counter untuk menghitung dan menampilkan post views di artikel wordpress.

Leave a Response