Main Logo
  • Home
  • About
  • Kursus
    • Paket Kursus
    • Roadmap Profesi
  • Elearning
  • Blog
Daftar
Main Logo
  • Home
  • About
  • Kursus
    • Paket Kursus
    • Roadmap Profesi
  • Elearning
  • Blog

Menambahkan Pageview di Artikel WordPress Untuk Mengetahui Berapa Kali Postingan Dilihat

  • November 24, 2018
  • oleh Edusoft Center

kali ini kita akan belajar mengkostumisasinya dengan menambahkan fitur post/page view counter wordpress atau menghitung berapa kali suatu posting telah di lihat atau dibaca (post views) oleh pengunjung website wordpress kita. Meskipun sudah banyak plugin yang memberikan fitur post / pageview counter wordpress tidak ada salahnya kita membuat kode pageview ini itung-itung kita belajar develop wordpress. Ingat membuat wordpress itu tidaklah mudah.

Nah di sini kita akan mulai membuat pageview atau post view counter dengan membuka beberapa file dari theme wordpress yang sudah kita buat :

Functions.Php

Pada file functions.php theme wordpress kita tambah dengan kode berikut ini :

/**
* sedikit Modifikasi 😀
* @see http://www.edikomputer.com/2013/03/cara-membuat-pageview-di-setiap-artikel.html
* untuk menngetahui berapa kali sebuah artikel dibaca
*/
function the_post_count($post_id = ”)
{
$postid = $post_id;
if ($post_id == ”) {
global $post;
$postid = $post->ID;
}
$post_count = get_post_meta($postid, ‘post_count_view’, true);
/**
* jika berada di halaman single atau artikel full
* harus diberi get_the_ID()
*
* ex : <?php the_post_count(get_the_ID()); ?>
**/
if (is_single() && $post_id != ”) {
if ($post_count == ”) {
$post_count = 1;
} else {
$post_count++;
}
update_post_meta($postid, ‘post_count_view’, $post_count);
}
echo ($post_count != ”) ? $post_count : 0;
}
remove_action(‘wp_head’, ‘adjacent_posts_rel_link_wp_head’, 10, 0);
view rawfunctions.php hosted with ❤ by GitHub

Kode di atas adalah kode yang bertujuan untuk membuat field meta -data pada database wordpress tepatnya di table postmeta nah di situ kita akan menambahkan sebuah key bernama “post_count_view” dengan value awal “0”.

Index.Php

Kemudian kita buka file index.php untuk menambahkan fungsi post atau pageview pada halaman awal. Pertama cari kode:

<p class=“post-meta“>
Posted by
<a href=“<?php echo get_author_posts_url(get_the_author_meta(‘ID‘));?>“><?php the_author();?></a>
on <?php the_time();?>
</p>
view rawindex.php hosted with ❤ by GitHub

Kemudian ganti dengan kode berikut :

<p class=“post-meta“>
<span class=“comment-count“>
<i class=“fa fa-comments fa-lg“></i>&nbsp;&nbsp;<?php comments_number(‘0‘, ‘1‘, ‘%‘);?>
</span>
<span class=“post-views“>
<i class=“fa fa-eye fa-lg“></i>&nbsp;&nbsp;<?php the_post_count();?>
</span>
Posted by
<a href=“<?php echo get_author_posts_url(get_the_author_meta(‘ID‘));?>“><?php the_author();?></a>
on <?php the_time();?>
</p>
view rawindex.replace.php hosted with ❤ by GitHub

Kode di atas onphpid tambahkan juga hitungan comments.

Baca Juga Cara Membuat Website

Single.Php

Kemudian kita buka single.php dan kita cari kode berikut :

<span class=“meta“>
Posted by
<a href=“<?php echo get_author_posts_url(get_the_author_meta(‘ID‘));?>“><?php the_author();?></a>
on <?php the_time();?>
</span>
view rawsingle.php hosted with ❤ by GitHub

Dan ganti dengan kode berikut :

<span class=“meta“>
<span class=“comment-count“>
<i class=“fa fa-comments fa-lg“></i>&nbsp;&nbsp;<?php comments_number(‘0‘, ‘1‘, ‘%‘);?>
</span>
<span class=“post-views“>
<i class=“fa fa-eye fa-lg“></i>&nbsp;&nbsp;<?php the_post_count(get_the_ID());?>
</span>
Posted by
<a href=“<?php echo get_author_posts_url(get_the_author_meta(‘ID‘));?>“><?php the_author();?></a>
on <?php the_time();?>
</span>
view rawsingle.replace.php hosted with ❤ by GitHub

Pada kode di atas ada tambahan fungsi get_the_ID(), ini bertujuan agar setiap kali pengunjung membuka single page secara otomatis hitungan akan bertambah 1 hitungan.

Nah jangan lupa setelah menambahkan script pageview hendaklah di simpan agar theme wordpress yang kita buat terupdate.

Demikian tutorial singkat dari onphpid tentang cara membuat atau menambahkan pageview pada theme wordpress. Jangan lupa untuk LIKE FP ONPHPID untuk mendaftakan tutorial PHP atau tutorial membuat theme wordpress lainnya.

 


 

Untuk mempercepat pemahaman ini, daftar segera kursus komputer di Edusoft Center. Ada puluhan paket kursus dengan trainer yg handal dan berpengalaman.

Info selengkapnya bisa hubungi

Office : 0271 745 2187
No XL : 08180 4542 586 (WA & Telegram Ada)
No Simpati : 082 22922 2121

atau

Bisa Langsung Registrasi Online lewat Formulir Online:
www.edusoftcenter.com

Tags: dns serverkursus androidkursus databasekursus dns dan web serverkursus ethical hackingkursus hackingkursus jaringankursus jaringan linuxKursus Komputerkursus komputer di solokursus komputer di solo / surakartakursus komputer di surakartaKursus Linux Forensicskursus linux networkingkursus linux serverkursus mikrotikkursus mysqlkursus network securitykursus networkingkursus phpKursus PHP dan MySQLkursus php mysqlkursus proxykursus securitykursus ubuntu serverkursus webkursus web securitykursus web serverkursus wordpresskursus wordpress themelinuxMySQLpelatihan komputer di solosecuritytraining komputertraining komputer di solotutorial phpubuntuwordpress
Previous Post
Next Post

Post comment

Cancel reply

Your email address will not be published. Required fields are marked *

Recent Posts

  • Panduan Lengkap Clean Code dalam Rekayasa Perangkat Lunak: Prinsip, Teknik, dan Contoh Praktis
  • Website Toko Digital Siap Pakai: Solusi Otomatis untuk Bisnis Digital Anda
  • 🔐 Cara Membuat Show/Hide Password dengan JavaScript (Simple & Langsung Bisa!)
  • Tampilan Aplikasi SIPPO Berbasis Google Apps Script Web App
  • SIPADU RT: Solusi Modern Pengelolaan Pengaduan Warga RT/RW Berbasis Google Apps Script

Arsip

  • April 2026
  • March 2026
  • February 2026
  • January 2026
  • September 2025
  • August 2025
  • July 2025
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • December 2011
  • November 2011

Tags

#EdusoftCenter apache web server dns server kursus android kursus database kursus dns dan web server kursus dns server kursus ethical hacking kursus hacking kursus jaringan kursus jaringan linux Kursus Komputer kursus komputer di solo kursus komputer di solo / surakarta kursus komputer di surakarta kursus linux Kursus Linux Forensics kursus linux networking kursus linux security kursus linux server kursus mikrotik kursus networking kursus network security kursus php Kursus PHP dan MySQL kursus php mysql kursus proxy kursus security kursus ubuntu kursus ubuntu server kursus web kursus web security kursus web server kursus wordpress kursus wordpress theme linux MySQL pelatihan komputer di solo PHP security training komputer training komputer di solo tutorial php ubuntu wordpress

© Edusoft Center - Kursus Komputer di Solo | 2010 - 2025 | Privacy Policy | Site Map

All Right Reserved

WhatsApp us