Panduan WordPress

Cara Membuat Halaman Daftar Post per Kategori

Ingin Halaman/page kamu menampilkan daftar artikel? Halaman ini menuntunmu membuat daftar artikel otomatis berdasarkan kategori. Ada tiga opsi—dari paling cepat sampai paling fleksibel.

Ringkasnya (TL;DR):

  • Opsi 1 – Arsip kategori bawaan (tanpa plugin/kode; paling cepat).
  • Opsi 2 – Query Loop block (tanpa plugin/kode; layout dari editor).
  • Opsi 3 – Shortcode kustom (grid cantik + pagination; cocok juga di Elementor).

✅ Opsi 1 — Arsip Kategori Bawaan (Paling Simpel)

WordPress otomatis membuat halaman daftar untuk setiap kategori. Tinggal pastikan slug lalu tautkan ke menu.

  1. Posts → Categories → buat/cek kategori (mis. Health dengan slug health).
  2. Tambahkan ke menu (Appearance → Menus atau Editor → Navigation) dengan URL: 
    https://fitroh.my.id/category/health/
  3. Selesai—halaman itu otomatis menampilkan semua posting kategori tersebut.

Kelebihan: super cepat. Keterbatasan: tampilan mengikuti tema (kustomisasi terbatas).

🧱 Opsi 2 — Query Loop Block (Tanpa Plugin & Kode)

Cocok untuk pengguna Block Editor (Gutenberg). Pilih layout grid/list, atur thumbnail, meta, dan jumlah item per halaman.

  1. Pages → Add New → beri judul: Health.
  2. Tambah blok Query Loop → pilih layout (Grid/List).
  3. Klik ikon Filter (funnel) → Inclusions → Categories → pilih Health.
  4. Atur Items per page, Order by, tampilkan Featured Image, meta, dsb.
  5. Publish.

Kelebihan: layout bisa diatur dari editor. Keterbatasan: markup/pagination kustom lebih terbatas.

🧩 Opsi 3 — Shortcode Kustom (Fleksibel, Grid Cantik + Pagination)

Opsi ini memberi kontrol penuh pada tampilan, bisa dipakai di Page biasa atau Elementor (widget Shortcode).
Aktifkan snippet sekali, lalu panggil di halaman mana pun.

Langkah A — Aktifkan Shortcode
Disarankan pakai plugin Code Snippets → Add New → tempel kode → Save & Activate (atau di functions.php child theme). 

[category_page title="Health" slug="health" per_page="12" orderby="date" order="DESC"]
Langkah B — Buat Halamannya

  1. Pages → Add New → judul: Health.
  2. Tempel shortcode: 
    [category_page title="Health" slug="health" per_page="12"]
  3. Publish. (Di Elementor, gunakan widget Shortcode.)
Contoh kategori lain:

[category_page title="Profesi & Kesehatan" slug="profesi-kesehatan" per_page="12"]
[category_page title="Teknologi & IT" slug="teknologi-it" per_page="12"]
[category_page title="ASN & Karier" slug="asn-karier" per_page="12"]
Catatan penting:

  • Pastikan slug cocok di Posts → Categories.
  • Pagination mengikuti struktur permalink situs.
  • Warna aksen (pastel merah & hitam) bisa diubah via --accent / --accent-2 dan teks via --text.
  • Gambar tanpa thumbnail akan mendapat placeholder dari shortcode (lihat kode PHP).

Categorized in:

Tips & Trik