Cara Menciptakan Popular Post Dengan Thumbnail

Cara menciptakan popular post dengan thumbnail, sesudah sukses menciptakan theme WordPress dengan modal HTML5Blank dan juga perpaduan style Bootstrap dari StartBootstrap *, selain visitor, aku merasa ada yang kurang ialah sebuah widget popular posts dengan thumbnail di samping judul post.

Ingin niat oprek aba-aba 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, aku buat memakai starter theme dari underscores.me, system grid Bootstrap 3 kombinasi margin dan padding Bootstrap 4).

 

Langkah-langkah instalasi dan konfigurasi plugin WordPress popular posts

Cara menciptakan popular post dengan thumbnail di WordPress simpel banget, berikut aku share secara singkat langkah-langkahnya.

1. Login ke Dashboard Admin

2. Arahkan mouse ke sajian Plugins > klik Add New

3. Cari WordPress Popular Posts lalu pilih install dan aktifkan

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

5. Centang pada bab Display post thumbnail sesuaikan ukuran menyerupai harapan berikut screenshootnya:

cara menciptakan popular post idnetter.com

6. Klik Save

Custom style CSS

Jika ada tampilan dirasa kurang pas semisal margin/padding atau ingin menciptakan rounded corner pada bab thumbnail agan dapat 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/

Sumber https://idnetter.com

Mari berteman dengan saya

Follow my Instagram _yudha58

Baca juga:

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn

Subscribe to receive free email updates: