Lượt xem: 47
Ngày đăng: 19/08/2021
Cấu Trúc Theme WordPress
Muốn tuỳ biến giao diện của WordPress hay chuyển giao diện html sang wordpress thì chắc chắn bạn cần phải nắm được cấu trúc template của theme trong WordPress và làm quen với các hàm sử dụng trong template. Để hiểu rõ về cấu trúc theme wordpress nên truy cập webiste wphierarchy.com
Nội dung bài viết
Cấu trúc theme wordpress và cách đặt tên file
Một theme wordpress chạy được chỉ cần có 2 file là index.php và style.css, nhưng thông thường sẽ phụ thuộc vào chức năng của website mà nó sẽ có thêm nhiều file khác.
Một theme wordpress đây đủ của mình thường có những file sau.
- index.php – Hiển thị định dạng trảng chủ
- header.php – Hiện thị định dạng phần đầu (phần header) của trang web
- footer.php – Hiển thị định dạng phẩn cuối (Phần footer) của trang web
- sidebar.php – Hiển thị định dạng phần cột bên của trang web
- functions.php – Chứa các hàm, các khai báo, viết thêm chức năng
- category.php – Hiển thị định dạng trang chuyên mục
- category-{slug-category}.php – Hiện thị định đạng trang chuyên mục theo đường đẫn chuyên mục, ví dụ slug-category là tin-tuc thì chuyên mục tin tức sẽ được hiện thì thông qua file này, còn các chuyên mục còn lại sẽ được hiển thị thông qua file category.
- single.php – Hiển thị định dạng trang bài viết chi tiết
- page.php – Hiển thị định dạng của 1 trang (page trong wordpress)
- search.php – Hiển thi định dạng của trang kết quả tìm kiếm
- 404.php – Hiển thị định dạng trang không tồn tại
- author.php – Hiển thị định dạng trang tác giả
- archive.php – Mình gọi là file hiển thị trang lưu trữ -nếu như file category.php, 404.php, search.php mà không có thì nó sẽ chạy file này.
- style.css – Đây là file css khai báo thông tin của thêm và định dạng css cho theme
- screenshot.png – Hình ảnh đại diện cho theme
- archive-{slug_post_type}.php – Hiển thị định dạng nội dung của trang post_type. Ví dụ mình có post_type sản phẩm có slug là product, Thì mình phải thêm 1 file có tên là archive-product.php
- single-{slug_post_type}.php – Hiển thị nội dung trang chi tiết của post type. Ví dụ single-product.php file này hiển thị nội dung chi tiết của post type product.
- taxonomy-{slug_taxonomy}.php – Hiển thị định dang nội dung của taxonomy tương ứng
- Ngoài ra còn 1 số thư mục bổ sung cho giao diện như. css, js, images, fonts…
Tìm hiểu về Template Tag
Nếu các tập tin template là những tập tin đại diện cho trang hiển thị các thành phần trong website thì template tag là những hàm được sử dụng để hiển thị một thành phần đặc biệt trong template. Các template tag bạn có thể sử dụng bằng cách lồng vào những thẻ HTML để nó hiển thị.
Các template tag là hàm PHP nên nó sẽ phải được nằm trong cặp thẻ <?php ?>
của ngôn ngữ PHP.
Vòng lặp (Loop)
Đây không được gọi là template tag nhưng nó là một phần quan trọng được sử dụng thường xuyên trong các template để có thể hiển thị thông tin của. Vòng lặp là mệnh đề while() trong PHP được sử dụng để tạo ra chu kỳ hiển thị toàn bộ nội dung trong một trang nhất định (như tiêu đề trang, nội dung,…).
Vòng lặp trong WordPress thường được sử dụng kèm với mệnh đề if() để tránh việc thực thi vòng lặp khi truy vấn ở trang hiện tại không có dữ liệu. Vòng lặp thường có cấu trúc như sau:
<?php if( have_posts() ) : while( have_posts() ) : the_post(); // Template tag hiển thị nội dung của trang ở đây. endwhile; endif; ?>
Về chi tiết ý nghĩa các hàm trong vòng lặp như have_posts()
hoặc the_post()
mình sẽ nói kỹ hơn ở bài sau.
Bây giờ bạn hãy thử mở tập tin page.php trong theme Twenty Fifteen, bạn sẽ dễ dàng thấy nó có một vòng lặp như sau.
<?php // Start the loop. while ( have_posts() ) : the_post(); // Include the page content template. get_template_part( ‘content’, ‘page’ ); // If comments are open or we have at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) : comments_template(); endif; // End the loop. endwhile; ?>
Bình Luận
Bài Viết Liên Quan