WordPress Template Hierarchy là gì? Đây là một hệ thống quan trọng giúp xác định các tệp mẫu nào sẽ được sử dụng để hiển thị các loại trang khác nhau trên website của bạn. Hiểu rõ về WordPress Template Hierarchy giúp bạn dễ dàng tùy chỉnh giao diện, tạo ra một thiết kế độc đáo và tối ưu trải nghiệm người dùng. Cùng tìm hiểu chi tiết về cách hoạt động của WordPress Template Hierarchy và cách tận dụng nó để tối ưu hóa giao diện website của bạn.
WordPress Template Hierarchy là gì?
WordPress Template Hierarchy là một hệ thống xác định các tệp mẫu nào sẽ được sử dụng để hiển thị các loại trang khác nhau trên trang web của bạn. Hệ thống này rất quan trọng đối với những ai muốn tùy chỉnh giao diện hoặc tạo ra một thiết kế độc đáo cho trang web của mình.
Cốt lõi của WordPress là sử dụng một hệ thống phân cấp các tệp mẫu để quyết định giao diện và chức năng của trang web. Khi người dùng truy cập vào một trang, WordPress sẽ kiểm tra một chuỗi tệp theo một thứ tự nhất định để hiển thị nội dung chính xác.
Ví dụ, nếu một khách truy cập vào trang bài viết đơn, WordPress sẽ tìm kiếm tệp mẫu cụ thể nhất có sẵn, và nếu không tìm thấy, nó sẽ chuyển sang các lựa chọn ít cụ thể hơn, cuối cùng sẽ sử dụng tệp mẫu mặc định.
Hiểu được hệ thống này sẽ giúp bạn tinh chỉnh giao diện và chức năng của trang web. Khi nắm vững phân cấp mẫu, bạn có thể tạo ra một trải nghiệm người dùng mượt mà và tùy chỉnh, đảm bảo mỗi trang trên website của bạn truyền tải đúng thông điệp bạn mong muốn.
WordPress Template Hierarchy hoạt động như thế nào?
Cách hoạt động của WordPress Template Hierarchy là gì? WordPress sử dụng một chuỗi truy vấn để quyết định tệp mẫu nào hoặc nhóm tệp mẫu nào sẽ được sử dụng để hiển thị trang.
Nói một cách đơn giản, WordPress sẽ tìm kiếm qua hệ thống phân cấp mẫu cho đến khi tìm thấy một tệp mẫu phù hợp. Đây là cách hoạt động của WordPress Template Hierarchy:
- WordPress nhận thông tin đầu vào hoặc chuỗi truy vấn từ người dùng.
- Kiểm tra giao diện (theme) mà trang web đang sử dụng.
- Sau đó, WordPress sẽ so khớp chuỗi truy vấn với loại truy vấn để xác định trang nào được yêu cầu và tìm kiếm hệ thống phân cấp mẫu liên quan.
- Kiểm tra sự tồn tại của tệp mẫu đầu tiên.
- Nếu tệp mẫu đó có sẵn, WordPress sẽ hiển thị; nếu không sẽ chuyển sang tệp kế tiếp trong danh sách.
- Nếu không có tệp mẫu nào phù hợp, WordPress sẽ hiển thị tệp index.php.
Mục đích của Template Hierarchy trong WordPress
Chúng ta cần có một hệ thống phân cấp mẫu để dễ dàng tùy chỉnh trang WordPress của mình. Hơn nữa, bạn có thể cần hệ thống phân cấp mẫu cho những mục đích sau:
- Chỉ cho WordPress biết tệp mẫu nào trong một theme sẽ được sử dụng tại bất kỳ thời điểm nào.
- Tùy chỉnh giao diện theo nhu cầu của mình.
- Giúp gười dùng hiểu rõ hơn về giao diện của trang web.
- Giúp hệ thống WordPress được tổ chức một cách khoa học và hợp lý.
Phân loại Template Hierarchy trong WordPress
WordPress Template Hierarchy có thể phân thành bảy loại mẫu, mỗi loại có một hệ thống phân cấp riêng. Để đơn giản, dưới đây chỉ liệt kê các tệp mẫu PHP.
Trang chủ
Trang chủ của trang web là trang đầu tiên mà người dùng sẽ nhìn thấy. Cấu trúc của trang này có thể khác nhau rất nhiều giữa các trang web. Hệ thống phân cấp của trang chủ bao gồm ba tệp mẫu:
- front-page.php
- home.php
- index.php
WordPress sẽ tìm kiếm tệp front-page.php đầu tiên. Nếu không tìm thấy, WordPress sẽ tìm tiếp home.php. Nếu cả hai tệp này không có sẵn, cuối cùng WordPress sẽ sử dụng tệp index.php.
WordPress sẽ vẫn tuân theo logic nội bộ của mình ngay cả khi ba tệp mẫu này chứa cùng một mã và cấu trúc giao diện.
Bài viết đơn
Các bài viết và bài báo trên WordPress thường sử dụng mẫu từ loại bài viết đơn. Có ba tệp mẫu chính cho bài viết đơn – single.php, singular.php và index.php. Vì có thể có tệp mẫu dành cho loại bài viết tùy chỉnh hoặc một bài viết cụ thể, WordPress sử dụng hệ thống phân cấp sau cho bài viết đơn:
- single-{post-type}-{slug}.php
- single-{post-type}.php
- single.php
- singular.php
- index.php
Hai tệp đầu tiên dành cho loại bài viết tùy chỉnh. Ví dụ, một trang WordPress thương mại điện tử có bài viết sản phẩm và một slug là computer-01. Trong trường hợp này, WordPress sẽ cố gắng tìm tệp mẫu cụ thể của bài viết là single-product-computer-01.php. Hệ thống phân cấp này cho phép bạn sáng tạo và thiết kế các mẫu tùy chỉnh cho các loại bài viết tùy chỉnh hoặc bài viết riêng lẻ.
Nếu không tìm thấy single-product-computer-01.php, WordPress sẽ sử dụng tệp mẫu cho loại bài viết sản phẩm – single-product.php. Nếu không có tệp nào trong số này, WordPress sẽ tìm ba tệp mẫu chính còn lại – single.php, singular.php và index.php.
Trang đơn
Tất cả các trang tĩnh ngoài trang chủ của trang web sẽ thuộc hệ thống phân cấp mẫu của trang đơn. Cấu trúc phân cấp này tương tự như bài viết đơn, ngoại trừ khả năng sử dụng tệp mẫu tùy chỉnh.
Một trang đơn theo hệ thống phân cấp sau:
- Tệp mẫu tùy chỉnh
- page-{slug}.php
- page-{id}.php
- page.php
- singular.php
- index.php
WordPress cho phép bạn gán một tệp mẫu cụ thể. Do đó, nó sẽ tìm tệp mẫu đã được gán cho trang WordPress đó trước tiên. Điều này giúp bạn tạo tệp mẫu cho từng trang nếu bạn cần một thiết kế hoặc bố cục cụ thể.
Nếu không có tệp mẫu được gán, WordPress sẽ cố gắng tìm một tệp mẫu trang tùy chỉnh phù hợp với slug hoặc ID của trang.
Ví dụ, khi tải website.com/about-us, WordPress sẽ cố gắng tìm tệp mẫu page-about-us.php. Hoặc, nếu ID của trang đó là sáu, tệp page-6.php cũng có thể được sử dụng.
Nếu không tìm thấy tệp mẫu phù hợp, WordPress sẽ quay lại tệp mặc định page.php, sau đó đến singular.php, và cuối cùng là index.php.
Trang danh mục và thẻ
Trang lưu trữ danh mục là một trong những trang lưu trữ sẽ quay lại với archive.php theo hệ thống phân cấp sau:
- category-{slug}.php
- category-{id}.php
- category.php
- archive.php
- index.php
WordPress Template Hierarchy hoạt động tương tự như đối với bài viết đơn và trang. WordPress sẽ tìm kiếm tệp mẫu độc đáo dành cho slug danh mục mà bạn muốn tải, sau đó chuyển sang ID của trang danh mục. Nếu không tìm thấy, nó sẽ sử dụng category.php hoặc archive.php.
Các trang danh mục và thẻ sử dụng một cấu trúc phân cấp tương tự. Các trang lưu trữ thẻ bao gồm tệp mẫu tag-{slug}.php, tag-{id}.php và tag.php trước khi quay lại archive.php và index.php.
Loại bài viết tùy chỉnh
Các loại bài viết tùy chỉnh là các loại nội dung không thuộc vào các phân loại mặc định. Một số ví dụ phổ biến của loại bài viết tùy chỉnh là sản phẩm và đánh giá, thường thấy trên các trang WordPress thương mại điện tử.
WordPress sẽ tìm kiếm tệp mẫu lưu trữ của loại bài viết trước khi quay lại archive.php hoặc index.php. Ví dụ, đối với loại bài viết sản phẩm, WordPress sẽ tìm tệp archive-{product}.php. Đây là hệ thống phân cấp:
- archive-{post_type}.php
- archive.php
- index.php
Trang kết quả tìm kiếm
WordPress có chức năng tìm kiếm tích hợp. Nó yêu cầu tệp mẫu search.php cho trang kết quả tìm kiếm. Nếu không tìm thấy tệp này, WordPress sẽ quay lại tệp index.php, giúp hệ thống phân cấp trở nên đơn giản hơn so với các trang WordPress khác:
- search.php
- index.php
Nếu trang web của bạn phụ thuộc vào tìm kiếm của WordPress, hãy đảm bảo rằng giao diện của bạn có tệp mẫu yêu cầu cho trang tìm kiếm. Tuy nhiên, hầu hết các giao diện hiện đại, đặc biệt là giao diện block, cho phép bạn dễ dàng tạo một tệp mẫu tùy chỉnh.
Trang lỗi 404
WordPress sẽ hiển thị trang lỗi 404 khi người dùng nhập sai URL hoặc cố gắng truy cập một trang không tồn tại. Hệ thống phân cấp cho trang lỗi 404 rất đơn giản – WordPress sẽ tìm tệp mẫu 404.php trước khi quay lại tệp index.php nếu không tìm thấy:
- 404.php
- index.php
Hầu hết các giao diện WordPress đều đã bao gồm tệp 404.php. Tuy nhiên, nếu giao diện của bạn không có, chúng tôi khuyên bạn nên tạo một tệp mẫu trang lỗi tùy chỉnh. Điều này sẽ giúp người dùng hiểu nếu có lỗi xảy ra.
InterData hy vọng bài viết này giúp bạn hiểu rõ WordPress Template Hierarchy là gì. Nếu bạn muốn thiết kế một website WordPress linh hoạt và dễ dàng quản lý, đừng quên khám phá và áp dụng WordPress Template Hierarchy một cách hiệu quả.
InterData.vn cung cấp các giải pháp máy chủ chất lượng cao, bao gồm: Thuê máy chủ vật lý mạnh mẽ với toàn quyền kiểm soát phần cứng, Thuê Cloud Server Việt Nam linh hoạt và mở rộng dễ dàng, Thuê VPS giá rẻ cấu hình mạnh cho hiệu suất ổn định với chi phí hợp lý, và Thuê Hosting chất lượng giá rẻ phù hợp cho các website nhỏ.
Tất cả các dịch vụ tại InterData đều sử dụng hạ tầng hiện đại với bộ vi xử lý AMD EPYC Gen3 và ổ cứng NVMe U.2, đảm bảo hiệu suất tối ưu, tốc độ truy xuất nhanh chóng và độ ổn định cao với uptime lên đến 99.99%. Đồng thời, InterData cũng cung cấp hỗ trợ kỹ thuật 24/7/365, giúp khách hàng yên tâm sử dụng dịch vụ.
InterData
- Website: Interdata.vn
- Hotline 24/24: 1900-636822
- Email: [email protected]
- VPĐD: 240 Nguyễn Đình Chính, P.11. Q. Phú Nhuận, TP. Hồ Chí Minh
- VPGD: Số 211 Đường số 5, KĐT Lakeview City, P. An Phú, TP. Thủ Đức, TP. Hồ Chí Minh
