Tạo child theme WordPress là một trong 11 việc cần làm sau khi cài đặt WordPress. Vậy child theme là gì và cách tạo child theme như thế nào?
Child theme là gì?
Child theme (theme con) là một theme được tạo ra từ theme mẹ (parent theme).
Nó có tất cả đặc điểm của theme mẹ. Ngoài ra bạn có thể tùy biến trên theme con theo ý mình.
Bạn có thể tạo ra child theme cho bất kỳ theme nào mà bạn đang sử dụng.
Tại sao cần tạo child theme WordPress?
Nếu như bạn hay làm 2 việc sau thì bạn nên nghĩ đến việc tạo child theme cho mình:
- Chỉnh sửa theme theo ý mình. Ví dụ, đổi màu nền hay đổi màu chữ Heading
- Cập nhật WordPress / theme lên phiên bản mới hơn
Vì khi bạn làm cùng lúc 2 việc này thì khi update WordPress, mọi thay đổi mà bạn tạo ra sẽ mất.
Nhưng mọi tùy chỉnh trong child theme vẫn còn. Đó chính là lý do mà child theme ra đời.
Child theme hoạt động ra sao?
Những thay đổi trong child theme sẽ ghi đè lên theme mẹ.
Khi người dùng thực thi một lệnh nào đó trên website của bạn, WordPress sẽ lấy thông tin đó ra hiển thị.
Đầu tiên, nó sẽ chạy vào child theme xem có gì để lấy không?
Nếu có, nó sẽ lấy thông tin đó và ghi đè lên theme mẹ. Nếu không thì là nó sẽ lấy ở theme mẹ như bình thường.
Thường thì child theme sẽ có 2 file chính mà chúng ta hay tùy biến:
- style.css
- functions.php
Bạn có thể thêm bất kỳ file nào khác mà bạn muốn. Chỉ cần tạo đúng đường dẫn sau đó copy file đó từ theme mẹ sang child theme.
Cách tạo child theme WordPress phổ biến nhất.
1/ Tạo child theme thủ công.
Mình thấy một số bạn tạo child theme ngay trên hosting.
Cách này nên dành cho các bạn đã có chút kinh nghiệm. Nếu bạn chưa quen với cách làm trên File Manager của cPanel thì có thể làm như sau.
Trên máy tính của bạn, tạo 1 folder mới giống tên theme mà bạn đang sử dụng, sau đó thêm -child vào sau.
Ví dụ mình đang dùng theme Pressive thì mình sẽ tạo folder cho child theme tên là pressive-child.
Vào trong folder child theme mà bạn vừa tạo (tất nhiên là chẳng có gì trong đó cả). Mở Notepad lên, tạo 1 file mới đặt tên là style.css. Copy đoạn mã sau và dán vào đó rồi lưu lại.
/*Theme Name: pressive-child
Theme URI: https://mosmmo.com
Description: pressive-child is a child theme of Pressive, created by mosmmo.com
Author: Stanley Dang
Author URI: https://mosmmo.com/
Template: pressive
Version: 1.0.0
Text Domain: pressive-child
*//*Add your custom styles here*/Bạn có thể đổi mấy thông tin này theo ý mình. Tuy nhiên, dòng Template là phải chính xác tên theme mẹ. Nếu không thì child theme sẽ không biết ai là mẹ nó cả.
Vậy là xong một file. Bước tiếp theo là tạo file functions.php. Tương tự như trên, bạn copy đoạn mã sau và dán vào đó rồi lưu lại.
<?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() {wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); }Ô kê vậy là trong folder child theme đã có 1 cặp file rất đẹp. Việc của bạn bây giờ là nén folder này lại dưới dạng file zip.
Bạn phải nén ở dạng file .zip nhé, vì nén dạng .rar sẽ không cài được!
Vào trang quản trị > Appearance > Themes > Add New > chọn file nén mà bạn vừa tạo > Upload lên như bình thường > Active để kích hoạt.
Sau này bạn muốn chỉnh sửa file nào ở theme mẹ thì cứ tạo file đó ở child theme mà làm.
Lưu ý là file đó phải chính xác đường dẫn như ở trong theme mẹ. Tất nhiên là từ đây trở đi bạn phải làm trên cPanel.
Cách tạo child theme trên đây có thể áp dụng cho bất kỳ theme nào. Tuy nhiên, vẫn còn cách sau đây vô cùng nhanh chóng.
Trước đây mình có giới thiệu cách tạo child theme bằng công cụ online nhưng công cụ này hỗ trợ quá ít Parent theme nên mình không khuyến nghị nữa
2/ Tạo child theme bằng plugin.
Có một vài plugin có thể giúp bạn tạo child theme WordPress tuy nhiên mình chỉ xin giới thiệu cho bạn plugin tốt nhất mang tên Child Theme Configurator
Đầu tiên bạn cài plugin này vào và nhấn Active để kích hoạt
Sau đó bạn vào Tools > Child Themes và làm theo hướng dẫn.
- Bước 1 – Select an action: chọn CREATE a new Child Theme để tạo 1 child theme mới
- Bước 2 – Select a Parent Theme: chọn theme mẹ mà bạn muốn tạo theme con cho nó trong mũi tên đổ xuống. Thường thì theme đang kích hoạt nó đã nằm sẵn luôn rồi
- Bước 3 – nhấn nút Analyze bên cạnh theme mẹ vừa chọn ở bước 2. Child Theme Configurator sẽ phân tích theme mẹ để xác định kiểu css và các vấn đề nếu có
- Bước 4 – 8 bạn cứ để mặc định
- Bước 9 – Nhấn Create New Child Theme để hoàn tất
Vậy là xong.
Bạn quay lại Appearance > Themes > chọn child theme vừa tạo và nhấn Active để kích hoạt
Lưu ý: Không được xóa theme mẹ dù đã kích hoạt child theme
Như vậy là mình đi qua child theme là gì và cách tạo child theme WordPress rất nhanh chóng và đơn giản.
Chúc bạn thành công!
Leave a Reply