Hướng dẫn tạo child theme trong WordPress một cách đơn giản.
Trong WordPress, child theme (hay “theme con”) thường được tạo ra với mục đích lưu trữ những thiết lập và tùy biến của người dùng (chẳng hạn như các đoạn code snippets trong functions.php hay các đoạn CSS trong style.css), hoạt động dựa trên nền tảng của theme gốc (parent theme). Khi update theme gốc lên phiên bản mới hơn, child theme sẽ hoàn toàn không bị ảnh hưởng, do đó, người dùng vẫn giữ lại được những tùy biến của mình. Nếu bạn đang muốn cá nhân hóa giao diện hiện tại thì hãy nhanh chóng tạo cho nó một child theme nhé.
Tham khảo thêm:
- Top 5 plugin miễn phí giúp chỉnh sửa CSS trong WordPress
- Tạo file functions.php để chèn code tùy biến WordPress
Đối với những người không thông thạo code, việc tạo child theme theo phương pháp thủ công thực sự rất khó khăn và tốn nhiều công sức. Tuy nhiên, đừng lo lắng, bởi vì ngay bây giờ, tôi sẽ hướng dẫn cho các bạn cách tạo child theme hoàn chỉnh chỉ trong vài click chuột.
Hướng dẫn tạo child theme trong WordPress
1. Việc đầu tiên các bạn cần làm chính là cài đặt và kích hoạt plugin Child Theme Generator (download).
2. Tiếp theo, truy cập vào Settings => Child-Theme Gen. Các bạn sẽ thấy giao diện như sau:
Trong đó:
- Parent theme: lựa chọn theme gốc mà bạn muốn tạo child theme.
- Heading: đặt tên cho child theme. Chẳng hạn, tôi đang dùng parent theme là PublishNow Pro, tôi sẽ đặt tên cho child theme của nó là “PublishNow Pro Child”.
- Description: viết mô tả cho child theme, tốt nhất các bạn nên viết bằng tiếng Anh hoặc tiếng Việt không dấu.
- Child Theme URL: link tới trang giới thiệu về child theme.
- Author: tên tác giả của child theme.
- Author URL: link tới trang giới thiệu tác giả của child theme.
- Version: phiên bản của child theme.
- Include GPL License: bao gồm cả giấy phép GPL.
Sau khi hoàn tất, click vào nút Create new child theme.
3. Gần như ngay lập tức, một child theme sẽ tự động được tạo ra. Nếu bạn muốn kích hoạt luôn child theme này, hãy tick vào mục Activate child-theme rồi click nút Finished.
4. Việc còn lại của bạn là truy cập Appearance => Themes và tiến hành tùy biến child theme mà thôi. Thật đơn giản phải không nào?
Lưu ý:
- Sau khi tạo child theme, các bạn có thể vô hiệu hóa và xóa plugin Child Theme Generator nếu không còn dùng đến nữa.
- Một số plugin đi kèm parent theme sẽ bị vô hiệu hóa khi child theme được tạo. Các bạn cần truy cập mục Plugins và kích hoạt lại chúng.
Bạn đang sử dụng phương pháp nào để tạo child theme trong WordPress? Hãy chia sẻ nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Trước em nhớ làm công ty cũ không được bàn giao code để tạo child theme, toàn phải mò plugin để sử dụng. Em dùng cái child theme configurator cũng ok. Cũng không phải setting nhiều lắm anh ạ.
Ko tạo child theme mỗi lần update xong mò mẫm lại đuối :D
Hi anh,
Cho em hỏi nếu dùng child theme, mà theme parent được update thì child theme có được update theo không anh, nếu không được update theo thì làm sao update child theme mà code tự thêm vẫn giữ được.
Em cảm ơn.
Không bạn nhé. Nếu bạn muốn update child theme thì buộc phải sao lưu các code tùy chỉnh trước, để thêm lại sau khi update.
Họ chỉ update parent thôi bạn. Chid theme thường chỉ để giữ lại các tùy chỉnh sau khi update parent
Cho mình hỏi nếu mình muốn tạo nhiều child theme. vi dụ như mình muốn tạo thêm child theme như trong bài là PublishNow Pro Child1, PublishNow Pro Child2, PublishNow Pro Child3… Thì mình phải đặt tên thế nào vậy bạn, cảm ơn
Bạn đã thử tạo chưa? Plugin đâu có cấm bạn tạo nhiều child theme cùng lúc nhỉ? Mình vừa thử tạo thấy hoàn toàn bình thường mà. Chỉ cần đặt tên khác nhau là được.
ok cảm ơn b, để mình xoá đi tạo lại thử xem, mình có tạo rồi nhưng nó bị lỗi trắng trang.
Hiếu còn plugin nào tạo Child theme không? Giới thiệu cho mình với. one-click-child-theme đóng cửa rồi. Mình dùng theme Newsmag của Tagdiv!
Xem lại bài viết đi bạn ơi. Mình cập nhật plugin khác rồi mà.
À ok. mình nhìn thấy rồi! Cám ơn Hiếu.!
Trông giao diện của nó đơn giản và dễ sử dụng ha, mà con ảnh bìa đầu bài viết TRUẤT phết :v
Cái đó là banner của plugin One Click Child Theme, giờ bị ngừng phát hành trên WordPress.org rồi. :D
Chào bác, bác có thể chỉ giúp em cách thêm code js vào child theme wordpress!
Em lấy mẫu từ Codepen.io
https://codepen.io/daniesy/pen/KeCDL
Nó có mục js, giờ em không biết làm sao add vào childtheme vì nó chỉ có 2 files là css và functions!
Cảm ơn bác!
1. Bạn cho đoạn code JS kia vào 1 file và lưu với đuôi .js => upload nó lên thư mục của child theme.
2. Tham khảo bài viết “Chèn code vào header và footer của website WordPress” để chèn đoạn code sau đây vào web của bạn:
Nhớ thay URL
https://yourdomain.com/wp-content/themes/your-child-theme/js/file.jscho phù hợp.tạo xong mình xóa plugin đc không ạ
Nó báo lỗi gì thế bạn? Copy thông báo lỗi hoặc chụp ảnh gửi mình xem nào. :)
không ạ, ý e hỏi là tạo child theme bằng glugin xong mình xóa glugin được k ạ
Xóa được bạn nhé. Vô tư đi. :D
Mình có thể tạo chồng chéo kiểu child theme của child theme không anh Hiếu!
Em dùng paradise mà cứ mỗi lần cập nhật là mất hết tùy biến!
Đắng lắm a!
Mình chưa thấy ai tạo child theme của child theme bao giờ. Bạn có nhu cầu tùy biến CSS hay functions? Nếu là CSS thì dùng tính năng Additional CSS trong Customize đi. Còn nếu là functions thì cài plugin Code Snippets vào. :P
Vậy nếu sửa file single.php thì vào đâu ạ?
Thì phải sửa mã nguồn của Genesis Framework. Child theme không có file single.php. Mà sửa cẩn thận nó lỗi tùm lum đó.
Chào bạn,
Mình thắc mắc là khi tạo child theme mà mình có tùy chỉnh các file php thì khi mình copy các file đó từ theme mẹ qua theme con thì có cần tạo đúng đường dẫn thư mục hay không?
Ví dụ: Mình càn edit file /sahifa/framework/block.php thì copy vào /sahifa_child/block.php hay sahifa_child/framework/block.php