Tạo child theme đơn giản chỉ với 1 bước

Child theme (chủ đề con) là một theme được thừa hưởng tính năng và kiểu dáng của một theme khác (theme mẹ). Mọi chỉnh sửa mã nguồn của theme được khuyến nghị thực hiện trên child theme với mục đích các chỉnh sửa đó sẽ không bị mất đi sau quá trình cập nhật theme mẹ.

Child theme hoạt động như thế nào?

Child theme là là một theme riêng biệt được thừa kế các file từ theme mẹ. Nếu bạn đang sử dụng child theme, WordPress sẽ kiểm tra để xem đã có file nào trong nó. Nếu thiếu file nào đó, nó sẽ sử dụng file đó trong theme mẹ.

child theme hoạt động như thế nào

Vì sao bạn phải sử dụng child theme?

Sau khi cài đặt theme mới cho WordPress, bạn muốn thực hiện một số tùy chỉnh về giao diện theo ý mình và bắt buộc phải chỉnh sửa code.Ví dụ như lúc bạn muốn xóa dòng footer credit “Powered by WordPress”. Lúc đó bạn nên chỉnh sửa trên child theme.

  • Nếu bạn thực hiện chỉnh sửa trực tiếp với theme hiện tại, mọi chỉnh sửa đó sẽ mất đi sau khi cập nhật bản mới.
  • Sử dụng child theme giúp bạn hiểu rõ cách lập trình theme, có thể tăng tốc việc lập trình, chỉnh sửa theme.

Nếu bạn thực hiện chỉnh sửa theme mà không sử dụng child theme, sẽ có 2 lựa chọn trong tương lai cho bạn:

  • Bạn sẽ không cập nhật theme lên phiên bản mới.
  • Nếu bạn cập nhật để vá lỗi bảo mật, các chỉnh sửa sẽ mất do file bị ghi đè bởi file mới.

Cả 2 lựa chọn đó đều không phải là lựa chọn thông minh.

Vì vậy, hãy chọn cách thứ 3 là tự tạo cho mình một child theme để có thể tự do chỉnh sửa trên nó mà vẫn cập nhật dễ dàng.

Hướng dẫn tạo child theme đơn giản

Có nhiều cách tạo child theme cho WordPress. Mình đã tham khảo nhiều nơi, cả trên trang WordPress.org. Ở đó họ đưa ra cách phức tạp, không phù hợp với người mới chút nào.

Dưới đây là cách đơn giản nhất để tạo một child theme.

Tạo một folder child theme với tên tùy ý trong thư mục /wp-content/themes. Ở đây mình sử dụng smartline-lite là theme mẹ.

hướng dẫn tạo folder child theme

Trong folder child theme, tạo một file “style.css” với nội dung:

/*
Theme Name: Kiếm Tiền
Theme URI: https://kiem-tien.com
Description:
Author: Trung
Author URI: https://kiem-tien.com
Template: smartline-lite
Version: 0.1
*/
@import url("../smartline-lite/style.css");
  • Thay tên theme mẹ của bạn vào dòng “Template” và “@import url”
  • Các thông tin khác bạn có thể thay đổi theo ý bạn.

Bây giờ child theme của bạn đã có thể chạy được.

Vào “Giao diện” > “Giao diện”, chọn child theme bạn vừa tạo sau đó active.

Nếu bạn muốn chỉnh sửa file gì, hãy copy file đó từ theme mẹ sang child theme, sau đó chỉnh sửa file đó ở child theme.

Chúc bạn thành công!