Trong bài viết này chúng ta sẽ tìm hiểu về cấu trúc của một theme trong WordPress như thế nào.
Cấu trúc mã nguồn của Theme WordPress
Một Themes WordPress được chứa trong thư mục “wp-content/themes” của mã nguồn WordPress, mỗi thư mục tại đây sẽ chứa một themes riêng biệt.
Để hiểu về cấu trúc của một theme WordPress bây giờ chúng ta hãy cùng đi mổ sẻ cấu trúc theme twentytwentyone(Theme này được đặt tên theo năm). Đây là một trong các theme mặc định được WordPress cung cấp với bố cục giao diện rất đơn giản, và đặc biệt hơn là ngay từ lần cài đặt WordPress đầu tiên thì hệ thống sẽ tự kích hoạt theme này cho website.
Với cấu trúc theme trên thì chúng ta có thể thấy rõ một số file quan trọng như sau.
- File style.css
File đầu tiên là file style.css, file này ngoài để định kiểu css cho theme nó còn đóng một vai trò khá quan trọng là đặt phần khai báo thông tin cho theme ví dụ như: Tên theme, mô tả theme, đường dẫn theme, version của theme, tên tác giả cũng như website của tác giả…
Khi mở file này lên thì sẽ thấy nó có một phần nội dung như sau:
Phần này chính là phần để khai báo thông tin cho theme, định kiểu css chúng ta sẽ để ngay bên dưới.
- File screenshot.png
File screenshot.png dùng để hiển thị hình ảnh đại diện của theme trong khu vực cài đặt themes của admin, đây là hai file quan trọng và bắt buộc theme nào cũng phải có.
- File functions.php
File functions.php là file chứa những đoạn code tạo nên các chức năng mới của theme hoặc customize một chức năng có sẵn nào đó.
- index.php: Là trang chủ
- header.php : Phần code cho header của layout
- footer.php: Phần code cho footer của layout
- sidebar.php: Phần code cho sidebar nằm ở bên trái hoặc bên phải.
- page.php: Trang danh sách các page
- single.php: Trang chi tiết bài viết
- comments.php: Trang hiển thị danh sách các phản hồi
- content.php: Hiển thị toàn bộ danh sách bài viết ở dạng thu gọn
- content-page.php: Trang chứa các bài viết của thể loại page
- search.php: Trang tìm kiếm
- content-search.php: Phần code chứa nội dung để hiển thị các dữ liệu được tìm kiếm.
- archive.php: Tran lưu trữ toàn bộ các bài viết theo năm tháng, ngày, tác giả.
XEM THÊM Tìm hiểu cấu trúc tập tin và thư mục mã nguồn WordPress Cấu trúc mã nguồn của một theme WordPress như thế nào? Các hàm WordPress thông dụng nhất trong lập trình WordPress Tìm hiểu Hooks, Action và Filter trong lập trình WordPress
