Mẫu chủ đề con WordPress

Chủ đề con kế thừa các kiểu và chức năng của một chủ đề hiện có khác, chủ đề này sẽ trở thành chủ đề mẹ. Chủ đề con là cách tốt nhất để sửa đổi chủ đề hiện có.

Trong hướng dẫn WordPress này cho phép chúng ta tìm hiểu về cách tạo một mẫu chủ đề con với một ví dụ.

Tại sao chúng ta nên sử dụng WordPress Child Theme?

Sau đây là những lý do để sử dụng Chủ đề con WordPress:
  • Chủ đề chính (chính) được mua từ bên thứ ba và bạn muốn thực hiện các thay đổi đối với chủ đề đó. Các thay đổi nên được thực hiện trong chủ đề con vì khi bạn nhận được bản cập nhật cho chủ đề chính, các thay đổi của bạn sẽ bị ghi đè.
  • Bạn đang giới thiệu một tính năng hoặc phong cách mới cho chủ đề của mình ở chế độ thử nghiệm.
  • Chủ đề chính không phải do bạn viết và bạn muốn thay đổi nó. Có thể an toàn khi gộp tất cả những thay đổi đó lại dưới dạng Chủ đề con.
  • Chủ đề được sửa đổi thường xuyên.
  • Những người khác nhau sửa đổi cùng một chủ đề.

Làm thế nào để tạo một chủ đề con WordPress?

  1. Tạo một thư mục chủ đề. Bạn nên đặt tên thư mục bằng “-child”. Ví dụ: nếu tên chủ đề chính là "foobar", bạn nên tạo tên thư mục là "foobar-child".
  2. Tạo style.css trong thư mục này. Nó phải có một bình luận tiêu đề tiêu chuẩn như được đưa ra bên dưới.
  3. Tạo functions.php
Đó là nó! bạn đã sẵn sàng với chủ đề WordPress Child tối thiểu của mình. Chủ đề con nên được đặt trong thư mục chủ đề và kích hoạt như bình thường.

Mẫu theme style.css WordPress Child Theme

Style.css của chủ đề con phải bắt đầu bằng một nhận xét chuẩn. Bạn có thể sử dụng phần sau làm mẫu.
/ *
 Tên chủ đề: Foo Bar Child
 URI chủ đề: http://example.com/foo-bar-child/
 Mô tả: Chủ đề con của Foo Bar WordPress
 Tác giả: Vincy
 URI của tác giả: https://phppot.com
 Bản mẫu: foobar
 Phiên bản: 1.0.0
 Giấy phép: Giấy phép Công cộng GNU v2 trở lên
 URI cấp phép: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: ánh sáng, hai cột, thanh bên phải, bố cục đáp ứng
 Miền văn bản: foo-bar-child
* /
  • Template là tên thư mục của chủ đề mẹ.

WordPress Child Theme functions.php Template

Tạo một tệp có tên functions.php trong thư mục chủ đề con và thêm tập lệnh sau vào đó. Điều này là để xếp hàng biểu định kiểu của chủ đề mẹ.
add_action ('wp_enqueue_scripts', 'theme_enqueue_styles');
function theme_enqueue_styles () {
    wp_enqueue_style ('kiểu cha', get_template_directory_uri (). '/style.css');
}
Mẫu trên, tập lệnh giả định rằng chủ đề mẹ của bạn có một tên biểu định kiểu style.css nếu bạn có nhiều thay đổi tập lệnh này cho phù hợp.

Chủ đề Trẻ em hoạt động như thế nào?

  • functions.php từ Chủ đề con được tải cùng với các functions.php của chủ đề mẹ. Thứ tự tải là, functions.php của theme con được tải trước và sau đó các functions.php của theme mẹ được tải tiếp theo.
  • Không giống như functions.php, tất cả các tệp chủ đề mẹ khác đều bị ghi đè. Tạo tệp trong thư mục Chủ đề con có tên giống như trong thư mục chủ đề mẹ. Khi Chủ đề con được sử dụng, tệp có cùng tên sẽ ghi đè lên nó. Ví dụ bạn có thể ghi đè tiêu đề trong Chủ đề con.
  • Không chỉ ghi đè, một tệp mới có thể được tạo trong Chủ đề con. Điều này có thể được sử dụng để giới thiệu một tính năng mới trong Chủ đề con.