Last updated on Juli 30th, 2017 at 01:41 pm

Menampilkan menu recent post dengan gambar merupakan salah satu cara untuk menarik minat para pengunjung website untuk membaca postingan lain pada website Anda. Cara ini juga bisa mempercantik tampilan website terutama untuk tampilan pada bar sisi atau pada footer website.

Menampilkan recent post dengan gambar juga diharapkan bisa meningkatkan nilai page view website anda, dan mengurangi nilai pentalan (bounce rate). Perlu diketahui, nilai page view dan Bounce rate bisa sangat berpengaruh pada SEO website.

WordPress memliki lusinan plugin yang bisa Anda gunakan untuk menampilkan recent post dengan gambar. Tapi dalam tulisan ini saya akan membahas satu plugin saja. Saya suka menggunakan plugin ini karna pemilik plugin masih terus meng-update plugin tersebut. Interface yang sederhana juga akan memudahkan Anda untuk melakukan konfigurasi.




plugin Recent Posts Widget With Thumbnailsb ini, sudah digunakan lebih dari 50.000 pengguna, dikembangkan oleh Martin Stehle.

CARA MEMBUAT RECENT POST DENGAN GAMBAR

Langka pertama, Install plugin Recent Posts Widget With Thumbnails, buka plugin + tambah baru pada menu wordpress. Setelah halaman directory plugin muncul, pada kolom pencarian ketikkan nama plugin “Recent Posts Widget With Thumbnails“. Selanjutnya install dan aktifkan plugin.

recent post dengan gambar jasa pembuatan website

Cari plugin dengan mengetikkan nama plugin pada kolom pencarian. Klik “install” sekarang untuk menginstall plugin. Setelah plugin terinstall, klik tombol “aktifkan” untuk mengaktifkan plugin

Setelah plugin aktif, tambahkan widget Recent Posts Widget With Thumbnails pada bar sisi. Buka menu tampilan + widget + Recent Posts Widget With Thumbnails + tambahkan widget

recent post dengan gambar

Pasang widget recent post with thumnail pada bar sisi. Pada menu tampilan pilih widget, pilih tombol “tambahkan widget” untuk menambahkan widget pada bar sisi.

Beri centang pada menu pilihan yang anda inginkan pada pengaturan. Perhatikan gambar dibawah. Anda bisa mengatur ukuran thumbnail dari gambar recent post. Menampilkan tanggal postingan, menampilkan ringkasan postingan dan lain sebagainya.

recent post dengan gambar

Pilih pengaturan seperti pada gambar, atau setting sesuai kebutuhan anda.

Jangan lupa untuk menyimpan konfigurasi yang sudah anda buat. Langkah terakhir, Atur posisi widget pada bar sisi pada posisi  yang anda  inginkan.



Tambahkan Kode CSS

Ini adalah opsi pilihan Jika anda ingin mempercatik tampilan Recent Posts Widget With Thumbnails. Tambahkan code css berikut pada custome css editor template yang anda gunakan. silahkan buka css editor pada menu Tampilan + Penyunting + style.css

Berikut kode css yang ditambahkan.

/*-------------[CUSTOM RECENT POSTS]--------------*/

    .rpwwt-widget h4 {
            color: #fff;
            background: #1ABC9C;
            padding: 10px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .rpwwt-widget ul {
            background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;}
    .rpwwt-widget ul li {
            padding: 0px 8px 0px;}
    span.rpwwt-post-title {
            font-size: 13px;
            font-weight: 700;
            line-height: 1px;}
    .et_pb_widget_area .rpwwt-widget ul {
            line-height: 14px!important;
        padding: 10px 0 16px!important;}
    .rpwwt-post-date {
            font-size: 11px;}

Rubah pengaturan warna, sesuaikan dengan selera dan aksen thema yang digunakan.

recent post dengan gambar

Tampilan menu recent setelah di terapkan kode css

Itu dia tutorial cara menambahkan Recent Post dengan Gambar pada WordPress. Jika ada yang masih kurang jelas dan perlu ditanyakan, silahkan tinggalkan pesan anda pada kolom komentar. Jangan lupa untuk like fanpage facebook kami, dan dapatkan informasi terbaru lainnya seputar wordpress. Terimakasih

Pin It on Pinterest

Share This