Langkah-langkah:

Langkah-langkah:

August 4, 2024
  1. Buat File Template Baru:
    • Buat file baru dengan nama page-video.php di folder tema Anda (wp-content/themes/YourTheme/).
  2. Tambahkan Kode Template:
    • Tambahkan kode berikut ke dalam file page-video.php:
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:

  1. Template Header: get_header() untuk menyertakan header dari tema aktif.
  2. Container: Membuat div container untuk tata letak grid.
  3. WP_Query Arguments: Mengatur parameter query untuk mengambil postingan dari kategori ‘video’ dan menampilkan 4 postingan.
  4. 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.
  5. Reset Post Data: Mengembalikan data postingan ke keadaan semula setelah looping.
  6. Template Footer: get_footer() untuk menyertakan footer dari tema aktif.

Menambahkan Halaman Baru di WordPress:

  1. Masuk ke Dashboard WordPress.
  2. Navigasi ke Pages > Add New.
  3. Tambahkan Judul Halaman: Misalnya, “Video Page”.
  4. Pilih Template: Di bawah atribut halaman (Page Attributes), pilih template yang baru saja Anda buat (Video Category Page).
  5. 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.

Leave a Reply

Your email address will not be published. Required fields are marked *

Powered by Studioteknologi