Child Theme là gì? Liệu bạn đã nắm rõ khái niệm này chưa? Về cơ bản, Child Theme là một theme kế thừa chức năng và giao diện của một theme khác. Cụ thể như thế nào? Hãy cùng THEME WP Nhận định qua bài viết sau đây nhé.
Giới thiệu về Child Theme
ví như bạn chưa hiểu Child Theme là gì, thì Child Theme sở hữu tức thị 1 theme được kế thừa chức năng, giao diện của 1 theme khác (Parent Theme). Những Child Theme được dùng để thay đổi những theme hiện sở hữu cùng lúc duy trì kiểu dáng và code. Child Theme tạo điều kiện cho các lập trình viên website tạo ra đa dạng mẫu mã mới kế thừa chức năng của parent theme. Không những thế, Child Theme còn giúp tùy chỉnh Parent Theme nhưng vẫn không ảnh hưởng vào những file chính. Bởi vậy, nó giúp bảo vệ những điều chỉnh này trong quá trình bạn cập nhật Parent Theme.
Child Theme là gì?
Child Theme được tiêu dùng để:
- Tùy chỉnh cả CSS và Javascript.
- Thêm hoặc điều chỉnh các hàm PHP trong file functions.php.
hai loại Child Theme trên WordPress
Sau khi Nhận định Child Theme là gì, thì hãy cùng chúng tôi nghiên cứu xem, có bao lăm chiếc Child Theme nhé. Về công nghệ, chỉ sở hữu 1 mẫu Child Theme. Đó chính là phần mở rộng kế thừa các thiết kế và chức năng của Parent Theme. Dù vậy, với tới 2 kiểu tiêu dùng Child Theme khác nhau, ấy là:
Child Theme để tùy chỉnh
Child Theme này thường chỉ được tiêu dùng để điều chỉnh những chức năng bổ sung của theme, giúp các đổi thay khi cập nhật sẽ ko bị mất.
Child Theme dùng để sale
Child Theme được sử dụng để sale thường sẽ đổi thay giao diện căn bản của Parent Theme. Thí dụ tiêu biểu của Child Theme để sale ấy là Divi Theme.
điểm cộng, nhược điểm của Child Theme là gì?
điểm hay của Child Theme là gì?
- có thể tiện dụng thay đổi những tùy chỉnh: dùng Child Theme tạo điều kiện cho bạn sở hữu thể thuận tiện đổi thay, chỉnh sửa trên theme mà ko cần phải lo âu về việc làm tác động đến theme gốc.
- An toàn hơn mỗi khi cập nhật: Vì không làm cho tác động trực tiếp tới theme gốc, nên Child Theme đảm bảo an toàn hơn. Bạn sẽ không hề lo âu việc bị mất đi các tùy biến mỗi khi cập nhật phiên bản mới. Những chỉnh sửa về giao diện ở trên Child Theme vẫn sẽ được giữ lại. Cùng lúc, Parent Theme vẫn được cập nhật những phiên bản mới nhất.
- thuận tiện khôi phục, gỡ lỗi: Bạn với thể dễ dàng tu sửa hoặc thậm chí xóa những tùy chỉnh giao diện ko chấp nhận khi dùng Child Theme.
- Nắm rõ những thay đổi trong file theme: dùng Child Theme còn giúp bạn theo dõi mọi thay đổi trên những file con của Theme. Điều này sẽ giúp cho bạn thuận lợi hơn trong việc theo dõi và điều hành.
Nhược điểm của Child Theme là gì?
Ngoài những điểm mạnh đề cập trên, Child Theme cũng tồn tại vài nhược điểm. Đó là:
- Mất rộng rãi thời kì để Tìm hiểu các frame của WordPress và những bộ lọc.
- Mất đa dạng thời kì hơn trong việc tróc nã cập dữ liệu: khi sử dụng Child Theme, WordPress sẽ phải đọc và truy cập cả Child Theme và Parent Theme. Bởi thế, thời kì để website hiển thị dữ liệu ra giao diện sẽ lâu hơn, tác động không tốt đến tốc độ truy tìm cập trang web.
6 bước tạo Child Theme trên WordPress
Tạo directory cho child theme
trước nhất, bạn hãy tạo một directory mới trên màn hình và đặt cho nó bất kỳ tên nào, chẳng hạn như:
parentname-child
Domain name
Tạo file style.css
Đối sở hữu hàm, bạn chỉ cần một file là:
“style.css”
Tạo một file mới mang tên style.css trong folder mà bạn đã tạo trước đó, mở file và dán đoạn code sau:
<br /> /*</p> <p> Theme Name: twentytwentyone Child</p> <p> Theme URI: https://bloggerpilot.com/wordpress-child-theme/</p> <p> Description: twentytwentyone Child Theme</p> <p> Author: Jochen Gererstorfer</p> <p> Author URI: https://bloggerpilot.com/</p> <p> Template: twentytwentyone</p> <p> Version: một.0.0</p> <p>Text Domain: twentytwentyone</p> <p>*/</p> <p>/**</p> <p> * Add your custom CSS here</p> <p> */
một 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | /* Theme Name: twentytwentyone Child Theme URI: https://bloggerpilot.com/wordpress-child-theme/ Description: twentytwentyone Child Theme Author: Jochen Gererstorfer Author URI: https://bloggerpilot.com/ Template: twentytwentyone Version: một.0.0 Text Domain: twentytwentyone */ /** * Add your custom CSS here */ |
phần đông mọi thông tin bạn đều được tự do tuyển lựa. Nhưng, lưu ý: “Template:” phải cất tên directory của child theme, ví như ko thì nó sẽ không hoạt động.
Tạo file functions.php
nếu như bạn muốn tạo Child Theme,bạn cũng sẽ cần 1 file functions.php. Bạn mang thể tạo file này trong directory mà bạn đã tạo trước đó.
<br /> <?php</p> <p>/**</p> <p> * Enqueue child styles.</p> <p> */</p> <p>function j0e_enqueue_styles() </p> <p>wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/Style.css', array(), 100 );</p> <p></p> <p>add_action( 'wp_enqueue_scripts', 'j0e_enqueue_styles' );</p> <p>/**</p> <p> * Add custom functions here</p> <p> */
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <?php /** * Enqueue child styles. */ function j0e_enqueue_styles() wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/Style.css', array(), 100 ); add_action( 'wp_enqueue_scripts', 'j0e_enqueue_styles' ); /** * Add custom functions here */ |
ví như Parent Theme dùng 1 hàm bắt đầu bằng “get_stylesheet” để load style, thì bạn cũng phải tải style.css của nó lên.
Tạo screenshot.php
Tạo file Screenshot theme sau ấy lưu nó trong cộng directory với:
screenshot.png
Kích thước của screenshot là 1200px x 900px.
Tiến hành cài đặt Child Theme
Bạn với 2 phương pháp để cài đặt theme của mình như sau:
Upload Child Theme qua FTP
Kết nối mang không gian của trang web bằng công cụ FTP, sau đấy tạo một subdirectory mới mang tên mà bạn muốn trong directory.
/ wp-content / themes /
Tiếp theo, upload những file đã tạo trước đấy lên directory này.
Upload Child Theme trong WordPress Admin
Bạn mang thể đặt thư mục mà bạn đã tạo trước đó có 3 file trong kho ZIP archive và chuyển vận nó lên trong WordPress Admin. Thay đổi sang menu Design > Themes > Theme, sau ấy click “Upload Theme”. Rút cuộc, chọn file .zip của mình và click “Install now”.
Kích hoạt Child theme mới
Tại bước này, bạn phải kích hoạt template mới của mình. Thay đổi thành Design > Theme sau đó click vào “Activate”. Tương tự là bạn đã hoàn tất việc tạo Child Theme
Sự khác nhau giữa Theme và Child Theme là gì?
Child Theme là gì?
1 Theme WordPressgồm phần đông các file PHP, CSS, JS nhu yếu cho hoạt động của một trang web. Nhưng, một Child Theme thì luôn cần Parent Theme và 1 file độc nhất là style.css. Bởi vì bản thân Child Theme chẳng thể tự hoạt động riêng được.
Xem Thêm: Theme Flatsome là gì? Tại sao bạn nên tìm Theme Flatsome?
tương tự là chúng ta đã cộng nhau Đánh giá xong về khái niệm Child Theme là gì. Cách thức cài đặt Child Theme như thế nào? Hãy để lại bình luận của bạn phía dưới bài viết để THEME WP với thể giúp bạn tư vấn những thắc mắc nhé. Hứa hẹn gặp lại Anh chị trong các bài viết tiếp theo