Lập trình WordPress: Template Hierarchy

Template Hierarchy – Cấu trúc ưu tiên file giao diện

Khi bạn truy cập một trang (ví dụ bài viết, trang chủ, chuyên mục…), WordPress sẽ tìm các file theo thứ tự ưu tiên để hiển thị giao diện.

Ví dụ:

Khi bạn truy cập:

📋 Copyhttps://example.com/tin-tuc/

WordPress sẽ làm:

1. Đây là trang danh mục (category)?
2. Tên slug là tin-tuc?
3. Tìm file theo thứ tự:
   • category-tin-tuc.php
   • category-<ID>.php (ví dụ: category-12.php)
   • category.php
   • archive.php
   • index.php

⟹ Gặp file nào trước thì dừng ở đó.

Tổng quan các file và thứ tự ưu tiên:

Minh họa bằng ví dụ

Ví dụ 1: Trang bài viết

Truy cập: https://example.com/bai-viet-abc/

WordPress sẽ tìm:

1. single-post.php
2. single.php
3. singular.php
4. index.php

Ví dụ 2: Custom Post Type tên là “sanpham”

Truy cập: https://example.com/sanpham/banh-mi

WordPress tìm:

1. single-sanpham.php
2. single.php
3. singular.php
4. index.php

Ví dụ 3: Trang danh mục tên “Tin tức” (slug: tin-tuc)

Truy cập: https://example.com/category/tin-tuc

WordPress tìm:

1. category-tin-tuc.php
2. category.php
3. archive.php
4. index.php

Tạo file mới theo cấu trúc hierarchy

Ví dụ: Bạn muốn giao diện danh mục “Tin tức” khác biệt:

1. Tạo file: category-tin-tuc.php
2. Copy nội dung từ archive.php sang
3. Chỉnh sửa giao diện riêng

WordPress sẽ tự động dùng file này khi vào danh mục “Tin tức”.

Kết luận