Tùy Chỉnh Custom Postype Cho Wordpress

Để hiển thị trên trang chi tiết bài viết CPT, bạn cần thêm mã trong template phù hợp. Ví dụ, nếu bạn muốn hiển thị các trường trong tệp single-projects.php

Tùy chỉnh Single Page (Trang chi tiết)

//Tunlamweb: Hướng dẫn Code Archive Custom Postype
<?php get_header(); ?> // Gọi header
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <h1><?php the_title(); ?></h1>
    <?php the_content(); ?>
<?php endwhile; endif; ?>
<?php get_footer(); ?> // Gọi footer

//Tunlamweb: Hướng dẫn Code Archive Custom Postype

<?php get_header(); ?> // Gọi header

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

<?php the_content(); ?>

<?php endwhile; endif; ?>

<?php get_footer(); ?> // Gọi footer

Hoặc bạn có thể lấy 1 template có sẳn rồi đổi tên lại single-projects.php

Tùy chỉnh Archive (Trang danh mục)

Tạo file template riêng như archive-projects.php cho trang danh sách hoặc single-projects.php cho từng bài CPT.
Trong WordPress, các tệp này sẽ tự động được áp dụng cho CPT nếu có cùng tên với slug của CPT.

//Tunlamweb: Hướng dẫn Code Archive Custom Postype
<?php
get_header(); // Gọi header

if (have_posts()) : ?>
    <h1><?php post_type_archive_title(); ?></h1> <!-- Tiêu đề archive -->
    <div class="projects-list">
        <?php while (have_posts()) : the_post(); ?>
            <div class="project-item">
                <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <!-- Tiêu đề bài viết -->
                <div class="project-excerpt"><?php the_excerpt(); ?></div> <!-- Tóm tắt bài viết -->
            </div>
        <?php endwhile; ?>
    </div>

    <?php the_posts_navigation(); // Hiển thị phân trang ?>
<?php else : ?>
    <p><?php _e('No projects found.', 'textdomain'); ?></p> <!-- Thông báo không có bài viết -->
<?php endif;

get_footer(); // Gọi footer

//Tunlamweb: Hướng dẫn Code Archive Custom Postype

<?php

get_header(); // Gọi header

if (have_posts()) : ?>

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

</div>

<?php endwhile; ?>

</div>

<?php the_posts_navigation(); // Hiển thị phân trang ?>

<?php else : ?>

<?php endif;

get_footer(); // Gọi footer

Tương thích với ACF và các trường dữ liệu mở rộng

Khi kết hợp với Advanced Custom Fields (ACF), bạn có thể thêm các trường thông tin tùy chỉnh (ví dụ: giá sản phẩm, ngày sự kiện, địa điểm) cho từng CPT. Điều này cho phép nhập liệu dễ dàng hơn và hiển thị thông tin cụ thể trên frontend mà không cần viết code phức tạp

//Tunlamweb - Get ACF
<div class="project-date"><?php the_field('project_date'); ?></div>

1 2	//Tunlamweb - Get ACF <div class="project-date"><?php the_field('project_date'); ?></div>

Xem thêm bài viết khác

Ứng dụng thực tế

Sản phẩm: Dùng cho cửa hàng online (kết hợp với WooCommerce).
Sự kiện: Quản lý các sự kiện sắp tới với ngày giờ và địa điểm.
Portfolio: Trưng bày các dự án hoặc tác phẩm của cá nhân hoặc công ty.
Bài đánh giá: Lưu trữ các đánh giá phim, sách, sản phẩm với các trường đánh giá riêng biệt.

Kết luận

Custom Post Type không chỉ giúp tổ chức nội dung tốt hơn mà còn cung cấp trải nghiệm quản trị và trình bày chuyên nghiệp, đặc biệt hữu ích cho các trang web thương mại điện tử, tin tức, portfolio, hoặc sự kiện. Khi kết hợp với các công cụ như ACF, CPT mang lại sức mạnh tùy biến rất cao cho WordPress.

Xem thêm: Tạo nút tải về đếm ngược không cần plugin cho bài viết WordPress

Theo dỗi thêm mình qua Fanpage hoặc Youtube nhé.

Chúc bạn thành công