Cara membangun popular post dengan thumbnail, setelah sukses membangun theme WordPress dengan modal HTML5Blank dan pun 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 bagi menampilkan popular post serta thumbnail dan beberapa opsi lain yang ingin ditampilkan di widget.
* (Update: 11 November idnetter.com berganti tema lagi, saya bikin menggunakan starter theme dari underscores.me, system grid Bootstrap 3 kombinasi margin dan padding Bootstrap 4).
Strategi instalasi dan konfigurasi plugin WordPress popular posts
Cara membangun popular post dengan thumbnail di WordPress gampang banget, berikut saya share secara singkat langkah-langkahnya.
1. Login ke Dashboard Admin
2. Arahkan mouse ke fitur Plugins > klik Add New
3. Cari WordPress Popular Posts kemudian pilih install dan aktifkan
4. Di fitur Appereance pilih Widgets, tambahkan WordPress Popular Posts ke sidebar dengan cara drag and drop
5. Centang di bagian Display post thumbnail sesuaikan ukuran seperti keinginan berikut screenshootnya:
6. Klik Save
Kembangkan style CSS
Kalau ada tampilan dirasa kurang pas semisal margin/padding atau ingin membangun rounded corner di bagian thumbnail agan dapat menambahkan class di css theme WordPress yang agan gunakan. 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/
Sumber https://idnetter.com