[Lập trình theme WordPress] Lên kế hoạch cấu trúc theme [NEW]



Trước khi vào nội dung bài viết này, mình xin nhắc các bạn nên cài đặt website WordPress mới trên localhost và nhập Theme Unit Test để làm nội dung, để tiện cho việc test theme hiển thị nhanh chóng và đúng chuẩn. tiêu chuẩn cho WordPress.

Trong lập trình theme WordPress, trước khi chúng ta bắt đầu công việc quan trọng như viết mã cho nó, có một việc rất quan trọng bạn nên làm trước đó là lập kế hoạch cấu trúc theme WordPress của bạn như thế nào, sau đó chỉ cần viết mã theo thứ tự cấu trúc đó.

Trong cấu trúc chủ đề WordPress sẽ có các tệp (mẫu) quan trọng như functions.php, index.php, style.css, v.v. có tên là content.php, content-none.php, v.v. để quản lý các vòng lặp dễ dàng hơn. hiển thị nội dung.

Tạo một thư mục chứa chủ đề

Bây giờ hãy vào thư mục / wp-content / themes và tạo một thư mục mà bạn muốn chứa theme chẳng hạn, tôi sẽ đặt tên thư mục là thachpham.

Trong thư mục này, hãy tạo một tệp style.css với nội dung sau:

/*
* |—:[Đoạn này sẽ chứa các đoạn giới thiệu và thông tin về theme, như tên theme (Theme Name), tên tác giả (Theme Author), địa chỉ của tác giả (Author URI),…]:—|

* Theme Name: ThachPham Theme
* Description: Đây là một theme đơn giản để thực hành Lập trình theme WordPress
* Theme URI: https://thachpham.com/serie/lap-trinh-theme-wordpress
* Version: 1.0
* Theme Author: ThachPham
* Author URI: https://thachpham.com
* Tags: starter theme, framework theme, two-columns, customize
* Textdomain: thachpham
*/

Tôi muốn giải thích một chút về một vài dòng nhận xét được thêm vào chủ đề như:

  • Thẻ: Nếu bạn đã tải chủ đề này lên thư viện WordPress.Org, thẻ này có nghĩa là các từ khóa mà người dùng có thể tìm thấy chủ đề của bạn dễ dàng nhất.
  • Miền văn bản: Thực ra đây là dòng chú thích phụ, để bạn và những người dùng khác có thể biết tên miền văn bản trong theme là gì để dễ dàng dịch theme sang ngôn ngữ khác. Tôi sẽ chỉ cho bạn cách viết mã hỗ trợ i18n.

Ngoài ra, bạn có thể tìm một hình ảnh và đặt tên là screenshot.png và đặt nó vào thư mục chủ đề của bạn làm hình ảnh hiển thị, bạn có thể sử dụng hình ảnh này.

Cấu trúc chủ đề

Tiếp tục, lần lượt tạo các tệp sau:

  • thachpham /
    • functions.php
    • index.php
    • header.php
    • footer.php
    • page.php
    • single.php
    • content.php
    • content-none.php
    • archive.php
    • search.php
    • tác giảr.php
    • 404.php
    • sidebar.php

Hãy tiếp tục, tạo một thư mục có tên mẫu trong chủ đề và tạo các tệp sau trong thư mục đó, các tệp này sẽ là các mẫu trang tùy chỉnh.

  • full-width.php
  • contact.php

Đây là hình ảnh của cấu trúc chủ đề để tạo:

[Lập trình theme WordPress] Lên kế hoạch cấu trúc theme [NEW]

Bây giờ đi vào Trang tổng quan -> Giao diện -> Chủ đề thì bạn sẽ thấy chủ đề của mình đã được hiển thị.

laptrinhtheme-afterkhisetupcautruc

Hãy kích hoạt nó lên, sau khi kích hoạt, website của bạn sẽ là một trang trống vì không có nội dung gì cả, chúng ta sẽ tiếp tục thực hiện ở những phần sau của loạt bài này.

Đánh giá nội dung này

Tiếp tục đọc trong bộ truyện