Thứ Tư, 28 Tháng Chín 2022
Trang chủBlog - WebsiteWordpressCấu trúc mã nguồn của một theme WordPress như thế nào?

Cấu trúc mã nguồn của một theme WordPress như thế nào?

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.

Theme được chứa trong thư mục wp-content/themes bên trong mã nguồn wordpress

Để 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.

Cấu trúc theme twentytwentyone

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:

file style.css bao gồm phân khai báo thông tin theme

      

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
5 1 Bỏ phiếu bình chọn
Xếp hạng bài viết
BÀI VIẾT LIÊN QUAN
Đăng ký nhận thông báo
Thông báo email khi
guest
0 Bình luận
Không thể gửi email
Phản hồi nội tuyến

NÊN ĐỌC THÊM

Bạn muốn tìm kiếm gì?


0
Giáo sư! có thể ném gạch bên dưới nhé!x
()
x