HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Blog

Panduan Membuat Recent Post Pada Blog WordPress

Recent Post adalah daftar yang berisi postingan-postingan terbaru di blog. Dengan memasang Recent Post, maka pengunjung dapat mengetahui tampilan postingan terbaru sehingga artikel terbaru mudah di baca pengunjung.

Recent Post merupakan widget yang paling sering di pasang pada blog tersebut selain Popular Post, widget ini sering menampilkan postingan yang paling sering di baca dan postingan tersebut berfungsi sebagai informasi kepada visitor untuk membaca artikel yang menarik lainnya.

Memasang Recent Post sebenarnya bukan hal yang sulit karena default blogger sudah ada, tinggal memasukkan URL blog maka artikel terbaru akan ditampilkan dengan bantuan feed blog.

Cara Membuat Recent Post pada Blog WordPress

Berikut ini cara menampilkan Recent Post, yaitu :

  1. Menggunakan widget Recent Posts
  2. Menggunakan plugin
  3. Menggunakan blok Recent Posts di editor Gutenberg
  4. Menambahkan kode di fungsion.php
  5. Menggunakan shortcode
  6. Menggunakan WP_query

1. Menggunakan Widget Recent Post

Cara termudah untuk membuat Recent Post dengan menggunakan Widget WordPress. Widget terletak di bagian sidebar atau footer halaman website.

Perlu di ketahui bahwa setiap tema memiliki lokasi yang berbeda. Jadi, pilihlah theme WordPress dengan widget yang diinginkan. Jika daftar Recent Post ada di sidebar, pilihlah theme yang memiliki fitur tersebut.

Cara menampilkan widget dimanapun sama dengan cara sebagai berikut :

  1. Klik Appearance > Widgets di Dashboard untuk memulai.
  2. Carilah tab Recent Posts di daftar widgets aktif di kanan halaman. Apabila menggunakan footer sebagai tempat widget. Jika belum ada, temukan tab tersebut di daftar Available Widgets. Kemudian, klik dan seret tab Recent Posts ke daftar widget aktif. Untuk itu tinggal geser tabnya ke urutan pertama.
  3. Klik pada widget recent posts akan menemukan pengaturan tambahan. Beberapa setting tambahan yang bisa ditentukan : Judul daftar recent posts, Jumlah postingan baru yang di tampilkan, Menampilkan atau menyembunyikan tanggal postingan
  4. Jika sudah selesai klik Save

2. Menggunakan Plugin

  1. Install plugin Recent Post Widget with Thumbnails di WordPress
  2. Klik Plugin > Add New. Kemudian kembali ke Dashboard
  3. Klik Appearance > Widget
  4. Klik tab Recent Posts with Thumbnails dan geser ke daftar widget aktif.

Plugin menawarkan jauh lebih banyak opsi kustomisasi untuk Recent Posts di sidebar. Berikut merupakan opsi kustomisasi :

1. Display Options

Pada menu Display Options dapat menentukan nama daftar postingan terbaru dan jumlah postingan yang ditampilkan. selain itu ada 3 peraturan lain yang bisa di aktifkan :

    • Membuka postingan di tab browser baru ketika di klik
    • Menampilkan postingan dengan urutan acak
    • Menyembunyikan postingan yang sedang di buka dari daftar recent post

2. Title

Pada menu title dapat menyembunyikan judul postingan. Cukup aktifkan “Do not show post title”. Dapat menentukan batas judul postingan yang ditampilkan.

3. Author

Jika ingin menampilkan nama penulis postingan, aktifkan pengaturan pada menu Show Post Author.

4. Categories

Plugin ini memungkinkan untuk menampilkan kategori posting di recent post. Bukan hanya itu teks nama kategori bisa dijadikan link. Pengunjung blog juga dapat mengakses halaman kategori postingan dari daftar postingan terbaru.

5. Date

Untuk menampilkan tanggal postingan cukup centang pada Show Post Date.

6. Excerpt

Untuk menampilkan penggalan konten postingan yang muncul di daftar postingan terbaru dengan penggaturan menu Excerpt, panjang pendek penggalan juga dapat di tentukan.

7. Comments

Menu commets digunakan untuk menunjukkan atau menyembunyikan jumlan komentar masing-masing postingan di daftar Recent Post. Cukup klik Show number of commets untuk menampilkan commets.

8. Thumbnail Settings

Untuk menampilkan featured image di daftar postingan terbaru cukup centang Show Thumbnail di Thumbnail Settings. Selain itu dapat menentukan ukuran gambar secara manual.

3. Menggunakan blok Recent Posts di editor Gutenberg

Setelah editor Gutenberg diperkenalkan di WordPress, membuat daftar recent post di dalam posting jadi lebih mudah.

Fitur ini sangat bermanfaat untuk mendorong pengunjung blog untuk membaca konten-konten lainnya. Berikut cara menggunakan blok recent posts di editor Gutenberg :

  1. Buka postingan
  2. Tambahkan blok Latest Posts. Blok ini dapat ditemukan di tab Widgets.

Secara default daftar postingan terbaru yang di buat dengan blok ini hanya menampilkan judul postingan.

Namun, ada beberapa opsi kustomisasi yang dapat di akses di sidebar editor. Berikut opsi kustomisasi yang dapat di akses di sidebar editor :

  • Post Content Settings

Pengaturan ini menentukan ada tidaknya isi postingan di recent post. Jika memiliki Excerpt hanya potongan isi postingan yang ditmpilkan.

Untuk menentukan jumlah kata yang ditampilkan dengan mengubah angka pada kolom di bawah.

Apabila memilih Full post, semua isi posting akan muncul. Namun, akan memakan banyak ruang di postingan.

  • Post Meta Settings

Aktifkan pengaturan Display Post Date jika ingin menampilkan tanggal posting di blok latest posts.

  • Featured Image Settings

Jika ingin membuat tampilan daftar posting terbaru menarik dengan featured image jangan lupa untuk aktifkan opsi Display Featured Image.

Di kolom Image size, dapat memilih tampilan thumbnail, medium, dan large untuk mengatur ukuran gambar.

Tidak hanya itu, di kolom paling bawah Anda dapat memilih letak featured image-nya (kiri, tengah, atau kanan).

  • Sorting and Filtering

Untuk menentukan urutan posting dan jumlah posting yang ditampilkan dapat menggunakan Sorting dan Filtering.

Pilihan urutannya ada empat, yaitu:

    • Posting terbaru hingga terlama
    • Posting terlama hingga terbaru
    • Dari A ke Z
    • Dari Z ke A

Apabila sudah membuat kategori posting, pengaturan ini juga memungkinkan untuk menampilkan satu kategori saja.

Nah, selain semua setting di atas, ada opsi untuk mengatur tampilan recent post. Secara default, daftar posting akan berbentuk list seperti pada contoh di atas.

Jika ingin mengubah tampilannya menjadi grid, klik tombol di blok latest post.

Hasilnya sebagai berikut :

4. Menambahkan Kode di functions.php

Jika ingin menentukan letaknya sendiri, perlu melakukan coding.Berikut merupakan cara menambahkan kode di functions.php :

  • Menambahkan kode di file functions.php. File ini pada dasarnya berisi pengaturan fitur-fitur tema. Untuk mengaksesnya, login ke akun cPanel dan buka file manager
  • Membuat child theme terlebih dahulu. Ini dilakukan agar dapat mengkustomisasi kode tanpa mempengaruhi tema utama.Selain itu, kode recent post custom tidak akan hilang ketika tema di-update
  • Buka file manager dan masuk ke direktori public_html > wp-content > themes > folder child theme
  • Klik kanan di file functions.php dan pilih Edit
  • Tambahkan kode
function wpcat_postsbycategory() {
// the query
$the_query = new WP_Query( array( 'category_name' => 'yourcategoryslug', 'posts_per_page' => 10 ) ); 
// The Loop
if ( $the_query->have_posts() ) {
$string .= '<ul class="postsbycategory widget_recent_entries">';
while ( $the_query->have_posts() ) {
        $the_query->the_post();
            if ( has_post_thumbnail() ) {
            $string .= '<li>';
$string .= '<a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'</a></li>';
            } else { 
            // if no featured image is found
           $string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>';
            }
            }
    } else {
    // no posts found
}
  • Kemudian, lakukanlah perubahan berikut:
    1. Ganti  yourcategoryslug sesuai kategori posting yang ingin di tampilkan.
    2. Ganti value posts_per_page untuk mengatur jumlah posting yang muncul. Jika tidak diubah, daftar posting terbaru akan menampilkan 10 posting.
  • Setelah selesai, simpan file functions.php dan tutup cPanel.

5. Menggunakan Shortcode

Menampilkan recent post menggunakan Shortcode mengharuskan untuk melakukan coding. Namun, dengan cara yang lebih sederhana. Berikut merupakan cara menggunakan Shortcode :

  1. Install plugin Display Posts
  2. Klik blok Shortcode di pilihan blok
  3. Ketik shortcode plugin di kolom yang tersedia.

Berikut merupakan plugin Display Posts yang menawarkan beberapa shortcode dengan fungsi yang berbeda-beda :

  • Menampilkan Recent Post

Untuk membuat daftar posting terbaru berbentuk daftar sederhana, cukup gunakan shortcode [display-post]. Hasilnya seperti di bawah ini.

  • Menampilkan Kategori Posting Tertentu

Jika yang ingin ditampilkan di recent post kategori posting tertentu, bisa menggunakan shortcode [display-posts category=”news”].

Jangan lupa ganti “news” dengan nama kategori yang ingin di tampilkan.

  • Menampilkan Featured Image

Untuk menampilkan daftar posting terbaru yang lebih menarik dengan featured image, gunakan shortcode [display-posts image_size=”thumbnail” wrapper=”div” wrapper_class=”display-posts-listing grid” meta_key=”_thumbnail_id”].

Sesuaikan ukuran featured image-nya dengan mengubah image_size (tumbnail, medium, large).

  • Menampilkan Featured Image dan Potongan Konten

Untuk menampilkan potongan konten dan featured image di recent post, gunakan shortcode [display-posts include_excerpt=”true” image_size=”thumbnail”].

6. Menggunakan WP_query

Cara ini sebetulnya mirip dengan mengedit file functions.php yang menbedakan dengan menggunakan WP_query diharuskan mengedit file template tema, seperti footer.php.

Berikut cara menggunakan WP_query sebagai berikut :

  1. Buat Child Theme
  2. Salin kode ke dalam file yang diedit
<ul>
<?php 
// Define our WP Query Parameters
$the_query = new WP_Query( 'posts_per_page=5' ); ?>
<?php 
// Start our WP Query
while ($the_query -> have_posts()) : $the_query -> the_post(); 
// Display the Post Title with Hyperlink
?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<li><?php 
// Display the Post Excerpt
the_excerpt(__('(more…)')); ?></li>
<?php 
// Repeat the process and reset once it hits the limit
endwhile;
wp_reset_postdata();
?>
</ul>
Jadilah yang pertama untuk memberi nilai
Risa Y

Recent Posts

Mengenal Manfaat GPN Dari Filosofi Logonya!

Apakah Anda menggunakan kartu ATM atau kartu debit? Suka bertransaksi secara cashless? Sepertinya Anda perlu…

2 hours ago

Ingin Membuat Website E-Commerce Yang Menarik? Perhatikan Tips Ini

Design website toko online tidak hanya soal estetika, tapi juga UX yang bagus secara keseluruhan.…

1 day ago

Apa Saja Jenis Proyek yang Bisa Dikerjakan UX Designer? Yuk Simak Di Sini

Sebelum memulai karir Anda sebagai desainer UX, Anda harus membuat portofolio yang mencakup semua pengalaman…

2 days ago

Aktifkan Keep-Alive Untuk Meningkatkan Performa Website Anda

Keep-Alive memungkinkan browser pengunjung Anda mendownload semua konten (JavaScript, CSS, gambar, video, dll) melalui koneksi…

3 days ago

Baca Ini Untuk Pelajari Apa Saja Job Description Web Developer

Job description seorang web developer adalah membuat situs web menggunakan berbagai bahasa pemrograman. Tanggung jawab…

4 days ago

Rekomendasi Tools A/B Testing untuk Meningkatkan Conversion Rate

Secara default, WordPress tidak mendukung A/B testing. Tapi jangan khawatir. Di bawah ini, kami telah…

5 days ago