File template archive.php digunakan saat user mengakses blog post untuk category, tanggal atau user tertentu.
Untuk tutorial ini kita akan tambah category post baru untuk keperluan testing. Buka menu Post – Categories. Buat kategori baru (lihat gambar dibawah).
Isi Name dengan category yang Anda inginkan. Untuk slug biasanya menggunakan format huruf kecil dengan dash sebagai pengganti space. Pilih Parent jika ada parent, untuk keperluan tutorial ini pilih none. Isi deskripsi untuk menjelaskan kategori. Setelah itu tekan tobol Add New Category.
Setelah menambah category baru, tambahkan juga blog post baru dengan category yang baru dibuat.
Pada text editor, buat file archive.php. Copy seluruh code dari index.php, paste di archive.php. Isi code archive.php akan mirip dengan index.php, dengan sedikit perubahan dibagian title header.
Jika pada index.php title header itu “Welcome to our Blog”, pada archieve.php kita buat title lebih dinamis, contoh: Categories: New Category, atau Author: admin. Fungsi yang digunakan adalah the_archive_title();
Pada bagian “Jangan Lupa Diganti”, ini akan ditampilkan archive description. Fungsi yang digunakan adalah the_archive_description();
- Category archive description category: isi field deskripsi saat membuat kategori (lihat langkah membuat kategori diatas).
- Author archive description: isi Biographical Info dari user profile. (Buka lewat Menu Users – Your Profile).
<?php
get_header();
?>
<div class="page-banner">
<div class="page-banner__bg-image" style="background-image: url(<?php echo get_theme_file_uri('images/ocean.jpg') ?>);"></div>
<div class="page-banner__content container container--narrow">
<h1 class="page-banner__title"><?php the_archive_title(); ?></h1>
<div class="page-banner__intro"><p><?php the_archive_description(); ?></p></div>
</div>
</div>
<div class="container container--narrow page-section">
<?php
while(have_posts()) {
the_post();
?>
<div class="post-item">
<h2 class="headline headline--medium headline--post-title"><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
<div class="metabox">
<p>Posted by <?php the_author_posts_link(); ?> on <?php the_time('n.j.y'); ?> in <?php echo get_the_category_list(', '); ?></p>
</div>
<div class="generic-content">
<?php the_excerpt(); ?>
<p><a class="btn btn--blue" href="<?php the_permalink();?>">Read more » </a></p>
</div>
</div>
<?php
}
echo paginate_links();
?>
</div>
<?php
get_footer();
?>
