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. :)
cho e hỏi với. chả là theme của e có chức năng tạo child nhưng nó ko tạo file funcitions.php. e có lấy cái file này của 1 web khác (được tạo bằng plugin tạo child của a). a xem hộ e xem có phải mấy dòng này là để cái funcitions hoạt động không ạ. có cần sửa gì để phù hợp với theme của e không. hay xóa hết đi để cái tệp trắng rồi cứ thế chèn code thôi :P
http://sv1.upsieutoc.com/2017/04/08/34.png
Chạy thử là biết ngay. Sao phải lăn tăn nhỉ? :P
bác Hiếu ơi biết là bác cũng bận rộn nhưng nếu 1 lúc nào đó bác rảnh rảnh xíu phiền bác ngó qua cái web nhà em xem giúp em cái css với chữ nó bị tràn ra ngoài không nằm yên trong khung. trước em đã từng mod gần giống cái blog của bác từ theme beginner rồi mà sao có cái đơn giản thế này em mò mẫm cả tối mà chỉnh không được. em chỉ cần cái viền đứt nó dài ra để chứa cả dãy chữ gồm cả code chứ nó ko thụt xuống như demo đây là được ạ. em đội ơn bác nhiều ạ :D
http://sv1.upsieutoc.com/2017/03/03/Untitled351b1.png
Trước mình tạo bằng tay lỗi , qua em này ok luôn
Ví dụ như mình muốn chỉnh sửa một file nằm bên ngoài thư mục theme, như là chỉnh sửa file /public_html/wp-content/plugins/woocommerce/includes/class-wc-coupon.php
thì trong child theme mình phải làm các bước như thế nào?
Cái này mình cũng đang nghiên cứu. Chưa tìm ra giải pháp. :)
Cho mình hỏi là mấy cái page quảng cáo bên wiget của site bạn dạng Langdy Page là trong theme có hay bạn tự code vậy, nhìn đơn giản gọn nhẹ quá
Cái này là template landing page của theme bạn ạ. :)
sử dụng như thế nào?
Chèn css tùy biến vào file style.css của child theme. Chèn code tùy biến chức năng vào file functions.php của child theme. :P
sao trong 1 theme lại có tới 2 file style (1 cái là style.min.css, 1 cái style.css – theme của junkie). 2 cái này phân biệt sao a.
style.min.css là style.css đã được minify. :P
theme a đang dùng là a chỉnh thẳng vào theme gốc luôn hả a hay a dùng child theme vậy :D
Child theme nhé. Ai lại chỉnh sửa trực tiếp lên theme. Update thì mất hết à. :P
vậy còn những file như single.php, template-tags.php , ….. thì sao a. phải coppy file ở theme gốc vào ở child rồi sửa hả a
Vấn đề đó mình cũng đang nghiên cứu đây. :D
Anh cho em hỏi cái này xíu, hơi lạc đề với bài viết do không tìm được bài liên quan
Em thấy blog của anh có cái này rất hay, đó là một vài plugin chỉ hoạt đọng trên trang bài viết mà không hoạt động trên trang chủ.
Ví đụ như plugin kk start rating chẳng hạn. Em xem thì trang bài viết sẽ có file js của plugin trong header, còn trên trang chủ và cate thì không có.
Nhưng cũng plugin đó em mà dùng thì nó sẽ chèn file js trên tất cả các page.
vậy làm sao để làm được như anh nhỉ :D
Em xin cảm ơn!
Mai sẽ có hướng dẫn cụ thể nhé. :P
Chờ mỗi câu này từ anh :D
Thủ thuật hay vậy mà giấu lâu nay :3
Thực ra nó là một trong những tính năng của theme Paradise. Và mình cũng mới chỉ test trên Genesis nên không chia sẻ. :P
Hiếu ơi, mình có blog trustweb.vn, muốn trao đổi liên kết với bạn. Bạn xem có được không?
Blog của mình trao đổi nhiều liên kết quá rồi bạn ạ. Mình đang phải thanh lọc bớt external links đây. Bạn thông cảm nhé. Hy vọng sẽ có cơ hội hợp tác trong thời gian sắp tới. :)
Duc Anh mình có cái blog cùi này ko pit bác có nhã ý hợp tác với mình ko :P
Đang có trào lưu đổi tên miền chăng? Luân Trần cũng mới đổi, giờ tới bác. :))
Thay đổi để trở nên hoàn thiện hơn. :)