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).

 

Langkah-langkah instalasi dan konfigurasi plugin WordPress popular posts

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/

9 thoughts on “Cara membuat popular post dengan thumbnail

  1. karimunjawa 2016

    memang ada beberapa plugin dengan pilihan bebrapa desain popular post
    pilih yang paling userfriendly dan nyaman pas untuk theme wpnya min 😀

    1. karimun jawa

      tapi kok kadang di seo amalisis, kurang bagus y mas, apa benar???

  2. karimun jawa

    ilmu baru bagi saya yg nebie seperti saya…makasih infonya

  3. Fajar Bahari

    Thanks infonya sangat membantu

  4. minilagu

    Wah, thanks sangat membantu 🙂

  5. stafaband

    kirain itu udah ada di theme ternyata mesti pasang plugin jg toh, baru ngeh gw 🙂

  6. clamband

    Alhamdulillah dapet ilmu baru 😀

  7. reseller hosting usa

    terima kasih infonya sangat membantu

  8. Tour Karimunjawa

    mantap sekali… plugin nya juga rekomended nih,, sering upgrade..

Add a comment