Cara Membuat Popular Post Dengan Thumbnail

Cara membuat popular post dengan thumbnail idnetter.com, Setelah sukses membuat theme WordPress dengan modal HTML5Blank dan juga perpaduan style Bootstrap dari StartBootstrap.

Wordpress Popular Posts Plugin - Logo WordPress

Selain visitor, ane merasa ada yang kurang yakni sebuah widget popular posts yang ane inginkan dengan thumbnail disamping title post. Ingin niat oprek kode sendiri tapi ternyata ada sebuah plugin yang siap untuk menampilkan popular post serta thumbnail dan beberapa opsi lain yang ingin ditampilkan pada widget. Cara Membuat Popular Post Dengan Thumbnail di WordPress gampang banget gan berikut ane share secara singkat langkah-langkahnya.

 

Cara Membuat Popular Post Dengan WordPress Popular Posts Plugin

Fitur Utama:

  • Multi-widget capable. That is, you can have several widgets of WordPress Popular Posts on your blog – each with its own settings!
  • Time Range – list those posts of your blog that have been the most popular ones within a specific time range (eg. last 24 hours, last 7 days, last 30 days, etc.)!
  • Custom Post-type support. Wanna show other stuff than just posts and pages?
  • Display a thumbnail of your posts! (see the FAQ section for technical requirements).
  • Use your own layout! Control how your most popular posts are shown on your theme.
  • WPML support!
  • WordPress Multisite support!

Dan masih ada beberapa fitur lainnya yang bisa agan check di: https://wordpress.org/plugins/wordpress-popular-posts/

 

Download WordPress Popular Posts Plugin

 

Cara Install dan Settingnya Mudah

Cara setting WordPress Popular Posts tidaklah ribet dan mudah agan juga bisa custom style sesuai selera melalui css pada theme wordpress yang digunakan pada website agan. Berikut cara singkat dan hasil screenshoot plugin WordPress Popular Posts di website ane.

1. Login ke Dashboard Admin

2. Arahkan mouse ke menu Plugins > klik Add New

3. Cari WordPress Popular Posts kemudian pilih install dan aktifkan

4. Pada menu Appereance pilih Widgets, tambahkan WordPress Popular Posts ke sidebar dengan cara drag and drop seperti biasa

5. Centang pada bagian Display post thumbnail sesuaikan ukuran seperti keinginan agan berikut screenshootnya:

cara membuat popular post

cara membuat popular post idnetter.com

6. Klik Save

 

Custom Style CSS

Jika ada tampilan dirasa kurang pas semisal margin/padding atau ingin membuat rounded corner pada bagian thumbnail agan bisa menambahkan class pada css theme WordPress yang agan pakai. Contoh:

.sidebar-widget .wpp-thumbnail {
margin-right: 10px;
}
.sidebar-widget ul.wpp-list li {
margin-bottom: 10px;
}

Met mencoba gan.




Share this post:

4 Comments

Leave a Reply

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