- Buat File Template Baru:
- Buat file baru dengan nama
page-video.phpdi folder tema Anda (wp-content/themes/YourTheme/).
- Buat file baru dengan nama
- Tambahkan Kode Template:
- Tambahkan kode berikut ke dalam file
page-video.php:
- Tambahkan kode berikut ke dalam file
phpCopy code<?php
/**
* Template Name: Video Category Page
*/
get_header(); ?>
<div class="container">
<div class="row">
<?php
// WP_Query arguments
$args = array(
'category_name' => 'video', // Ganti 'video' dengan slug kategori video Anda
'posts_per_page' => 4, // Jumlah postingan yang ingin ditampilkan
);
// The Query
$query = new WP_Query($args);
// The Loop
if ($query->have_posts()) {
while ($query->have_posts()) {
$query->the_post(); ?>
<div class="col-3">
<div class="card">
<div class="card-image-big">
<?php if (has_post_thumbnail()) { ?>
<img src="<?php the_post_thumbnail_url('large'); ?>" alt="<?php the_title(); ?>">
<?php } else { ?>
<img src="https://img.youtube.com/vi/4_aOIA-vyBo/maxresdefault.jpg" alt="<?php the_title(); ?>">
<?php } ?>
<div class="card-overlay">
<div class="ca-content">
<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
<a href="<?php the_permalink(); ?>" class="btn btn-outline">Watch Now</a>
</div>
</div>
</div>
</div>
</div>
<?php
}
} else {
// No posts found
echo '<p>No videos found.</p>';
}
// Restore original Post Data
wp_reset_postdata();
?>
</div>
</div>
<?php get_footer(); ?>
Penjelasan Kode:
- Template Header:
get_header()untuk menyertakan header dari tema aktif. - Container: Membuat div container untuk tata letak grid.
- WP_Query Arguments: Mengatur parameter query untuk mengambil postingan dari kategori ‘video’ dan menampilkan 4 postingan.
- The Loop: Looping untuk menampilkan setiap postingan dari query.
- Mengecek apakah postingan memiliki thumbnail, jika ada menampilkan thumbnail, jika tidak menampilkan gambar default.
- Menampilkan judul dan link ke halaman postingan.
- Reset Post Data: Mengembalikan data postingan ke keadaan semula setelah looping.
- Template Footer:
get_footer()untuk menyertakan footer dari tema aktif.
Menambahkan Halaman Baru di WordPress:
- Masuk ke Dashboard WordPress.
- Navigasi ke Pages > Add New.
- Tambahkan Judul Halaman: Misalnya, “Video Page”.
- Pilih Template: Di bawah atribut halaman (Page Attributes), pilih template yang baru saja Anda buat (Video Category Page).
- Publikasikan Halaman.
Dengan langkah-langkah di atas, Anda akan memiliki halaman di WordPress yang menampilkan postingan dari kategori video dengan tata letak yang telah Anda desain.