Cara membuat popular post dengan thumbnail

Cara membuat popular post dengan thumbnail, setelah sukses membuat theme WordPress dengan modal HTML5Blank dan juga perpaduan style Bootstrap dari StartBootstrap *, selain visitor, saya merasa ada yang kurang yakni sebuah widget popular posts dengan thumbnail di samping judul 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.

* (Update: 11 November idnetter.com berganti tema lagi, saya buat menggunakan starter theme dari underscores.me, system grid Bootstrap 3 kombinasi margin dan padding Bootstrap 4).

 

Cara membuat popular post dengan thumbnail di WordPress gampang banget, berikut saya share secara singkat langkah-langkahnya.

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

5. Centang pada bagian Display post thumbnail sesuaikan ukuran seperti keinginan 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;
}

Referensi :ย  https://wordpress.org/plugins/wordpress-popular-posts/

5 of 5

from 1 ratings

8 thoughts on “Cara membuat popular post dengan thumbnail