Cara Menampilkan Hanya Judul Postingan di Halaman Kategori

Pada tulisan sebelumnya saya menginformasikan cara menampilkan seluruh postingan suatu kategori. Kekurangan dari cara ini adalah halaman kategori bisa memanjang karena seluruh postingan yang tampil secara default berupa ringkasan. Solusinya adalah dengan mengedit archive.php sehingga yang tampil hanya judul postingan saja.

Tampilan kategori seperti itu bisa Anda lihat di kategori blog ini (contohnya Tips Menulis). Langkah-langkah untuk membuatnya sebagai berikut:

1. Setelah login ke wordpress.org Anda, pada fitur Appearance klik Editor.

2. Lalu klik archive.php yang ada dibagian kanan atas Anda.

3. Lihat bagian ringkasan yang kodenya seperti ini:

<?php the_excerpt(__(‘Read more’));?>

4. Hapus kode tersebut.

5. Lihat bagian meta data (author, date atau comments information). Contoh kodenya seperti ini:

<div>
<div class=”date”>By <span style=”text-transform:capitalize”><?php the_author_posts_link(); ?></span> | <span style=”text-transform:uppercase”><?php the_time(‘M j, Y’); ?></span></div>
<div class=”postinfo”><img src=”<?php bloginfo(‘template_url’); ?>/images/i_com.gif” align=”top” alt=”" /> <span class=”koment”><?php comments_popup_link(‘Comment’, ’1 Comment’, ‘% Comments’); ?></span></div>
</div>

<div class=”clearer”></div>

6. Hapus kode meta data tersebut.

7. Cari kode berikut:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

8. Tambahkan kode <ul> di depan kode tersebut sehingga hasilnya seperti ini:

<ul><?php if (have_posts()) : while (have_posts()) : the_post(); ?>

9. Cari kode berikut:

<?php endwhile; else: ?>

10. Tambahkan kode <ul> di akhir kode tersebut sehingga hasilnya seperti ini:

<?php endwhile; else: ?></ul>

11. Cari bagian permalink, lalu tambahkan kode <li> di depan dan </li> di belakangnya sehingga hasilnya seperti ini:

<li><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php the_title(); ?></a></li>

12. Klik Update File. Lalu lihat hasilnya di salah satu kategori yang Anda miliki.

Sebagai gambaran hasil langkah-langkah di atas, silakan simak screenshoot archive.php Blogodolar di bawah ini.

edit archive

P.S:  Mohon copy terlebih dahulu kode-kode asli archive.php blog Anda, sehingga bila setelah melakukan editing terjadi error, Anda tinggal mem-paste-nya kembali.

Postingan Terkait:

Suka dengan tulisan seperti ini?

  • Silakan berlangganan Blogodolar Tips & News sehingga Anda bisa mendapatkannya langsung ke email Anda.
  • Caranya mudah dan 100 % gratis yaitu dengan mengetikkan dan mengirimkan alamat email Anda di bawah ini. Jangan lupa aktivasi berlangganan dengan mengklik link yang dikirim ke email Anda. Klik di sini untuk melihat cara aktivasi tersebut.

Comments

  1. Sip Kang. Kebetulan ini yang lagi saya coba buat di blog wp. Saya coba dulu di blog latihan saya. Makasi ya!
    .-= Postingan terbaru Dunia Komputer………………Cara Mematikan Program Compatibility Assistant di Windows 7 =-.

  2. satrya says:

    Wow, sudah maenan coding nih :D
    Kang UL nya sebenarnya disimpan tepat di sebelah Li juga tidak apa2, karena ( ) itu kode untuk memanggil isi dari content termasuk judulnya :D
    Sedikit tambahan aja kang :D
    .-= Postingan terbaru satrya………………Buat Avatarmu Sendiri =-.

  3. Bupil.com says:

    Wah, bgus infony. Baca dulu yak
    .-= Postingan terbaru Bupil.com………………Doa Mulia Untuk Mertua =-.

  4. budiastawa says:

    Wah, saya kurang berani main hack-hack begini. Tapi yakinlah dgn Kang Yudiono, he he mau coba ah.

    Segera dicoba Kang…. Thanks tipsnya.
    .-= Postingan terbaru budiastawa………………Cara Lain Menyisipkan Video YouTube di WordPress =-.

    • @ Dunia Komputer: Silakan dicoba Gus.

      @ Satrya: Oh begitu ya, saya belum mencobanya.

      @ Bupil: Silakan, gampang koq.

      @ Budiastawa: Dicopy aja dulu kode aslinya, baru diedit Bli. Bila ada eror, kan tinggal dipaste kode-kode tersebut. Gak rumit koq.

  5. chokey says:

    Bookmark Kang…thks
    .-= Postingan terbaru chokey………………Cara Mengambil Data Product Dari Sebuah Merchant Afiliasi =-.

  6. imadewira says:

    ini baru cara manual dengan mengedit file phpnya, keren :D
    .-= Postingan terbaru imadewira………………Fitur Khusus Sudah Meninggal di Facebook? =-.

  7. lom brani takut salah dan eror kang, maklum agak katrok
    .-= Postingan terbaru achmad sholeh………………Asumsi =-.

  8. Ariyanti says:

    wah tips yang bermanfaat, kapan-kapan dicoba kalau lagi niat otak-atik template
    .-= Postingan terbaru Ariyanti………………Bebek Goreng H.Slamet, Cabang Jakarta Selatan =-.

  9. wah rumit yah kang
    .-= Postingan terbaru abang haris………………Legenda Betawi – Si Jampang bag 8 Selesai =-.

  10. iskandaria says:

    Saya belum berhasil Kang. Masih mencari penyesuaian dengan kode theme saya yang agak berbeda strukturnya dengan contoh kode di atas.
    .-= Postingan terbaru iskandaria………………Kumpulan Artikel Pilihan Seputar Wacana Blogging Jilid 1 =-.

    • @ Chokey: Thanks Om…

      @ Imadewira: Bisa saja Bli. Jadi tersandung neh… :D

      @ Achmad Sholeh: Kapan beraninya Pakde?

      @ Ariyanti: Ya Mbak…

      @ Abang Haris: Gak juga Bang, tinggal hapus dan tambahkan kode saja.

      @ Iskandaria: Kuncinya 3 kode yaitu ringkasan, metadata, dan permalink Mas Is.

  11. Gus Ikhwan says:

    setiap theme kan codenya berbeda kan kang, jadi saya masih uprek² codenya saya ga berani dalam kondisi online sering lokalhost kalau edit code²
    makasih atas infonya kang

  12. Foto Artis says:

    makasih mas untuk infonya, oh ia tips ini bisa dipakai untuk blogspot tidak yach? soalnya saya pake blogspot nich
    .-= Postingan terbaru Foto Artis………………Aura Kasih Biography and Photo Profile =-.

  13. saya baca-baca dulu kang..
    makasih tipsnya
    .-= Postingan terbaru Ahmad IM-bisnis………………Apa Kabar NegeriAds.com Solusi Berpromosi? =-.

  14. Makasih infonya kang, kebetulan theme saya yang sekarang belum ada archive.php. coba dulu.
    .-= Postingan terbaru Zaiful Anwar………………Cara Membuat Themes WordPress Bagian 4 =-.

  15. Tipsnya makin oke aza nich…
    .-= Postingan terbaru Kang Kabayan………………Ayo Dukung Diaspora, Proyek Anti Facebook =-.

  16. RIZDAN says:

    Tipsnya sangat oke kapan-kapan saya praktekkin kalau konten saya sudah banyak ….
    .-= Postingan terbaru RIZDAN………………Raih Penghasilan Dengan Kontes Afiliasi =-.

  17. Meilka says:

    Pak, mau tanya. Saya udah klik Appearance, tapi ga ada Editor. Jadi harus gimana ya? Makasih sebelumnya…

  18. perlu dicoba caranya kang yudiono ini :-) postingan saya sdh mulai banyak karena tiap hari posting & hari ini ada 3postingan baru.
    .-= Postingan terbaru dJumTKS Weblog………………5 Fitur Baru dan Terpenting di WordPress 3.0 =-.

  19. klo untuk blogspot gmn k?

  20. Irman says:

    Ass. Alhamdulillah, benar-benar blog yang artikelnya inovatif dan sangat informatif, sy sangat terbantu dengan beberapa artikel terutama yang berkaitan dengan wordpress. Insya Allah sy akan sering-sering mampir, masih banyak artikel yang berkaitan belum sempat saya baca, maklum nyobi (baca;newbie). Terima Kasih Brother, Sukses Selalu.. semoga berkah.. Wassalam
    Postingan terbaru Irman………………Memahami Kecerdasan Islami

  21. sandy says:

    terus bagaimana bagi yang pake blogger mas? thank’s… n lam kenal.. ja…
    Postingan terbaru sandy………………Cara Buat Sidebar 2 kolom

  22. ombeb says:

    Bos, kalo mau nentuin jumlah judul yg keluar per halaman archives gimenong??
    contoh di situs gue cuma 5, jadinya jelek cos kebawahnya msh lowong..
    thanx bro.

  23. dapet ilmu baru nich…thank kang

  24. nah ini dia yang ane cari !! Terimakasihbanyak atas sharenya :D
    Postingan terbaru A TechnoLedge Blog………………Download Ebook Trilogi Dukuh Paruk

  25. wanarata says:

    okayaay ,atur se,bah suwun buat kang owmner

    sangat membantu sekali sudah lama ane mencari article seperti ini

    nice inpo gan :D

    :beer:

  26. Falophi says:

    ilmu baru,, mantab gan

Speak Your Mind

*

CommentLuv badge