[Theme Development] Phần 9: Cấu trúc thesis WordPress

Vậy là phần quan trọng nhất trong khâu tự làm theme WordPress đã tới sau khi chúng ta đã trải qua các công đoạn cơ bản như viết mã HTML và CSS cho giao diện. Thực chất, việc làm một thesis WordPress không khó nhưng cái khó nhất anathema đầu là chúng ta sẽ bắt đầu như thế nào và quy trình lập trình thesis WordPress ra sao.

Để có thể hiểu được và làm được, việc đầu tiên mà chúng ta cần quan tâm đến là hiểu được cấu trúc cơ bản của một thesis WordPress. Thực tế, mỗi thesis WordPress có thể có cấu trúc phức tạp hoặc đơn giản nhưng ít nhất là nó cũng sẽ có một số record bắt buộc nên trong bài này chúng ta cũng sẽ chỉ tập trung vào các record bắt buộc.

1. Cấu trúc cơ bản của một thesis WordPress

Bạn hãy vào WordPress.org tải một thesis bất kỳ về mở ra xem thì sẽ dễ dàng nhận ra nó thường có 1 số record bắt buộc sau:

Trong hình trên, mình đã ghi thiếu một record cực kỳ quan trọng đó là record style.css. File này mở ra thì thường ta sẽ thấy có những thông tin bắt buộc như sau:

/*
Theme Name: Tên của theme
Theme URI: địa chỉ website của theme.
Description: Mô tả giới thiệu theme.
Version: Phiên bản theme
Author: Tên tác giả theme.
Author URI: Địa chỉ website của tác giả.
*/

Những thông tin trên nó sẽ hiển thị trong phần Appearance – Themes. Nếu bạn muốn thử, hãy tạo 1 folder tên bất kỳ và tạo một record style.css rồi viết nội dung y chang đoạn bên trên. Bạn sẽ thấy trong phần thesis của website bạn hiển thị thesis ra rồi. Nhưng khi kích hoạt lên thì trang sẽ không có nội dung gì cả vì chúng ta chưa có gì hết. Đó là ý nghĩa của record style.css.

Ngoài ra, còn có một record khá quan trọng nữa là record screenshot.png. Mục đích của record này là sẽ hiển thị một hình ảnh thumbnail của thesis trong phần chọn thesis của website. File này phải được lưu dưới record form là PNG và phải có tên là thumbnail. Đó là quy tắc của WordPress.

2. Giao diện của WordPress sẽ bị cắt nhỏ ra từng file

Trước khi hiểu ý nghĩa của các record PHP thì mình nghĩ cần nhắc lại cho mọi người biết rằng cơ chế hoạt động của mỗi record là nó sẽ tự ráp lại với nhau để tạo thành một giao diện hoàn chỉnh. Ví dụ như ở phần trước ta đã làm một giao diện HTML cho thesis thì tất cả mọi thứ ngoài trang chủ ta đều nhét vào record index.html.

Nhưng khi chuyển qua thesis WordPress với kiểu record là PHP, chúng ta sẽ cắt nội dung bên trong đó thành nhiều record khác nhau (thường là 3). Ví dụ như record header.php sẽ bao gồm các thẻ từ html cho đến body, record footer.php sẽ từ #footer xuống cuối file.

Bạn có thể mở một thesis nào đó ra và xem thử sẽ hiểu rõ hơn.

3. Ý nghĩa các record PHP trong cấu trúc theme

Chỉ có 2 record bắt buộc style.css và screenshot.png là không phải PHP. Còn lại tất cả các record đều là PHP hết vì WordPress được viết bằng ngôn ngữ PHP mà. Bây giờ chúng ta sẽ cùng phân tích đặc điểm của từng file.

header.php

File này được hiểu như nó có nhiệm vụ khai báo tất cả các thành phần ở đầu trang. Bao gồm thành phần không thấy được (thẻ head) và phần thấy được (thành phần hiển thị logo, menu,…).

index.php

File chứa formula phần nội dung của trang chủ không bao gồm phần header và footer vì 2 phần đó đã có record riêng. Hơn nữa, nếu bạn muốn cho một formula nào tự động làm trang chủ thì có thể đặt tên record đó là home.php hoặc frontpage.php.

footer.php

File này có thể hiểu đơn giản là nó sẽ chứa các đoạn formula in nội dung phần chân trang và bao gồm các thẻ đóng của html và body.

archive.php

File này sẽ hiển thị nội dung của các bài viết khi được phân loại bằng tag, difficulty hoặc bất kỳ taxonomy khác. Nếu bạn muốn các bài viết liệt kê theo kiểu giống nhau thì có thể chỉ cần tạo record này là được. Nhưng nếu bạn muốn cho hiển thị danh sách bài viết trong tab hiển thị khác với bài viết trong difficulty thì có thể tạo ra thêm 2 record tag.php và category.php. Lúc này khi bạn vào xem danh sách bài trong một difficulty thì nó sẽ gọi record category.php ra và tương tự như thế với tag.

Ngoài ra nếu bạn muốn làm giao diện khác nhau ở mỗi difficulty thì có thể tạo thêm record category-{ID}.php và đặt ID tương ứng với ID category. Bạn có thể làm tương tự với tag. Tips này dành cho những ai muốn làm giao diện hiển thị bài ở các difficulty khác nhau.

404.php

Đơn giản là sẽ in nội dung của trang 404 ra. Bạn không nhất thiết phải sử dụng hàm của WordPress trong này, cứ viết cái gì vào mà bạn thích.

comments.php

File hiển thị criticism form và nội dung comment.

page.php

Hiển thị nội dung khi xem Page. Bạn cũng vẫn có thể làm nhiều kiểu page khác nhau bằng Custom Page Template hoặc đặt tên record pà page-{ID}.php.

single.php

Hiển thị nội dung của Post, grain còn gọi là bài viết. Thường thì formula record này cũng giống record page.php.

search.php

Hiển thị danh sách các bài viết trong trang kết quả tìm kiếm. Code cũng có phần giống với record archive.php

functions.php

Là một record khá quan trọng để bạn tradition thesis bằng filter và movement hoặc tất cả những cái khác mà bạn có thể viết bằng PHP. Mặc định chúng ta không cần viết gì vào đây nhưng trong quá trình làm thesis sẽ chắc chắn viết linh ta linh tinh vào.

Nói chung, thì khi bạn viết formula vào record này thì nó sẽ tự động thực thi trong theme, bất cứ cái gì. Và nếu bạn cần embody một record PHP khác vào thì bạn cũng embody vào record này.

Lời kết

Đó là tất cả những gì mình cần bạn biết qua để trước khi bắt đầu viết những đoạn formula bằng PHP để làm một giao diện WordPress. Cấu trúc thesis trong WordPress khá linh hoạt mà nếu bạn hiểu rõ nó thì có thể rất có ích trong việc tuỳ biến grain tự làm một thesis rất chuyên nghiệp.

Nếu bạn muốn, bạn có thể tham khảo qua giải thích cấu trúc thesis WordPress tại đây để hiểu rõ hơn.

Xem bài cùng serie

class=”list”

1. Giới thiệu serie Lập trình thesis WordPress


2. [Theme Development] Phần 1: Tổng quan việc lập trình thesis WordPress


3. [Theme Development] Phần 2: Kiến thức và công cụ cần thiết


4. [Theme Development] Phần 3: Thiết lập Sublime Text 2


5. [Theme Development] Phần 4: Viết giao diện HTML


6. [Theme Development] Phần 5: Viết CSS cho giao diện Mobile-first – phần 1


7. [Theme Development] Phần 6: Viết CSS cho giao diện Mobile-first – phần 2


8. [Theme Development] Phần 7: Viết CSS cho giao diện Mobile-first – phần 3


9. [Theme Development] Phần 8: Viết CSS cho giao diện Mobile-first phần cuối


10. [Theme Development] Phần 9: Cấu trúc thesis WordPress

The post [Theme Development] Phần 9: Cấu trúc thesis WordPress appeared first on Vietnhi.com.