yunandracom. Display Posts Shortcode WordPress adalah solusi praktis untuk menampilkan daftar artikel berdasarkan kategori atau tag tertentu. Misalnya, artikel khusus Ibtidaiyah, Teknologi, atau Tutorial. Dengan cara ini, pengunjung blog bisa langsung menemukan artikel sesuai topik yang mereka cari.

Display Posts Shortcode WordPress: Tampilkan Post Kategori

Salah satu cara paling mudah adalah menggunakan plugin Display Posts Shortcode WordPress. Plugin ini memungkinkan kita memanggil artikel tertentu hanya dengan sebuah shortcode.

1. Instal Plugin Display Posts Shortcode

Langkah pertama yang perlu adalah menginstall plug Dispaly Post.

Adapun langkahnya sebagai berikut

• Masuk ke Dashboard WordPress.
• Pilih menu Plugin → Add New.
• Cari plugin bernama Display Posts.
• Klik Install Now, lalu aktifkan.

2: Pasang Shortcode di Page atau Post

Setelah plugin aktif, Anda bisa langsung memasang shortcode ke dalam halaman atau artikel. Caranya:

• Masuk ke menu Pages → Add New atau Posts → Add New.
• Tambahkan Block Shortcode pada Gutenberg Editor.
• Masukkan kode sesuai kebutuhan, contoh:

[display-posts tag="ibtidaiyah" posts_per_page="5"]

• Simpan perubahan, lalu klik Publish.

Hasilnya, daftar artikel sesuai tag atau kategori akan otomatis muncul di halaman tersebut.

Jika ingin berdasarkan kategori, gunakan:

[display-posts category="pendidikan" posts_per_page="5"]

3: Atur Tampilan dengan CSS

Secara default, hasil shortcode akan tampil dalam bentuk daftar <ul><ii>. Supaya lebih rapi, tambahkan CSS khusus:

<style>
  .display-posts-listing li {
    line-height: 1.8;        /* spasi baris dalam item */
    margin-bottom: 15px;     /* jarak antar posting */
    padding-bottom: 8px;     
    border-bottom: 1px solid #ddd; /* garis pemisah opsional */
  }
</style>

Dengan pengaturan ini, setiap judul artikel tampil lebih teratur, memiliki jarak yang jelas, dan nyaman bagi pembaca.

Maka secara total html untuk menampilkan tag seperti di bawah ini. Kali ingin menganti dengan kategori, cukup ganti “tag” menjafi “category”

<div style="font-size:18px;">
  [display-posts tag="ibtidaiyah" posts_per_page="5"]
</div>

<style>
  /* Spasi antar baris */
  .display-posts-listing li {
    line-height: 1.8;        /* spasi baris dalam satu item */
    margin-bottom: 15px;     /* jarak antar posting */
    padding-bottom: 8px;     /* ruang tambahan */
    border-bottom: 1px solid #ddd; /* garis pemisah opsional */
  }
</style>

Menggunakan Display Posts Shortcode WordPress sangat membantu untuk menampilkan artikel berdasarkan kategori atau tag tertentu. Tidak perlu koding rumit, cukup instal plugin, tambahkan shortcode di page atau post, lalu atur tampilannya dengan CSS sesuai selera.

Dengan trik ini, blog Anda terlihat lebih profesional, navigasi lebih mudah, dan pengalaman pembaca semakin positif

---

WordPress: Digital Skills

• Kenapa Tampilan Website WordPress Berubah Ke Tampilan Lama?
• Rahasia Optimasi WooCommerce: Cara Mengatur Atribut Produk Makin SEO
• Solusi Data Meta Hilang di WordPress: Penyebab dan Cara Mengatasinya
• Plugin Menampilkan Post WordPress: Kategori dan Tag Pilihan
• Display Posts Shortcode WordPress: Tampilkan Post Kategori
• Cara Optimalkan Tampilan List Widget di WordPress

Lainya

---

Artikel Terbaru

• Memahami Tujuan Upacara Bendera di Sekolah atau Madrasah
• Pembelajaran Jarak Jauh Pada Pendidikan Islam: Strategi Digital Berbasis Islam
• Kenapa Tampilan Website WordPress Berubah Ke Tampilan Lama?
• Memahami Arti Indonesia Emas 2045: Visi, Misi, Arah dan Indikator Utama
• 4 Indikator Budaya dan Ciri Sekolah Aman dan Nyaman
• 20+ Aplikasi AI Terbaik untuk Riset Akademik dan Penulisan Ilmiah Pendidikan Islam

Ingin Meningkatkan Kompetensi Secara Mandiri, Silahkan belajar di madrasahyunandra.com

Buka