Child Theme là gì? 6 Bước cài đặt Child Theme chi tiết nhất
Child Theme là gì? Liệu bạn đã nắm rõ khái niệm này chưa? Về căn bản, Child Theme là 1 theme kế thừa chức năng và giao diện của 1 theme khác. Cụ thể như thế nào? Hãy cộng THEME WP Tìm hiểu qua bài viết sau đây nhé.
Giới thiệu về Child Theme
nếu như bạn chưa hiểu Child Theme là gì, thì Child Theme mang 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 sử dụng để thay đổi những theme hiện sở hữu đồng thời duy trì bề ngoài 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 kiểu dáng 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. Thành ra, nó giúp kiểm soát an ninh các điều chỉnh này trong giai đoạn bạn cập nhật Parent Theme.
Child Theme là gì?
Child Theme được dùng để:
- Tùy chỉnh cả CSS và Javascript.
- Thêm hoặc điều chỉnh những hàm PHP trong file functions.php.
hai dòng Child Theme trên WordPress
Sau khi Đánh giá Child Theme là gì, thì hãy cùng chúng tôi nghiên cứu xem, sở hữu bao nhiêu dòng Child Theme nhé. Về kỹ thuật, chỉ mang 1 cái Child Theme. Đấy chính là phần mở mang kế thừa các bề ngoài và chức năng của Parent Theme. Dù vậy, có tới 2 kiểu sử dụng Child Theme khác nhau, đó là:
Child Theme để tùy chỉnh
Child Theme này thường chỉ được sử dụng để điều chỉnh các chức năng bổ sung của theme, giúp các đổi thay lúc cập nhật sẽ không bị mất.
Child Theme sử dụng để sale
Child Theme được sử dụng để sale thường sẽ thay đổi giao diện căn bản của Parent Theme. Ví dụ tiêu biểu của Child Theme để sale đó là Divi Theme.
điểm hay, nhược điểm của Child Theme là gì?
điểm mạnh của Child Theme là gì?
- có thể tiện lợi đổi thay những tùy chỉnh: dùng Child Theme tạo điều kiện cho bạn với thể thuận tiện đổi thay, chỉnh sửa trên theme mà không cần phải lo lắng về việc làm cho tác động tới theme gốc.
- An toàn hơn mỗi lúc cập nhật: Vì không làm ảnh hưởng trực tiếp đến 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 lúc 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 các phiên bản mới nhất.
- dễ dàng khôi phục, gỡ lỗi: Bạn sở hữu thể thuận tiện sửa sang hoặc thậm chí xóa những tùy chỉnh giao diện không chấp thuận khi sử dụng Child Theme.
- Nắm rõ những đổi thay trong file theme: tiêu dùng Child Theme còn giúp bạn theo dõi mọi thay đổi trên các file con của Theme. Điều này sẽ tạo điều kiện cho bạn thuận lợi hơn trong việc theo dõi và quản lý.
Nhược điểm của Child Theme là gì?
Ngoài các đ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 nhiều thời kì để Nhận định các frame của WordPress và các bộ lọc.
- Mất phổ thông thời gian hơn trong việc truy nã cập dữ liệu: lúc dùng Child Theme, WordPress sẽ phải đọc và tầm nã cập cả Child Theme và Parent Theme. Thành ra, thời gian để website hiển thị dữ liệu ra giao diện sẽ lâu hơn, ảnh hưởng không tốt tới tốc độ truy cập trang web.
6 bước tạo Child Theme trên WordPress
Tạo directory cho child theme
trước tiên, 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 mang hàm, bạn chỉ cần 1 file là:
“style.css”
Tạo 1 file mới có tên style.css trong folder mà bạn đã tạo trước đó, mở file và dán đoạn code sau:
một
hai
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
*/
|
đông đảo mọi thông báo bạn đều được tự do lựa chọn. 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 bạn muốn tạo Child Theme,bạn cũng sẽ cần một file functions.php. Bạn với thể tạo file này trong directory mà bạn đã tạo trước đó.
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
*/
|
nếu Parent Theme tiêu dùng một hàm khởi đầu bằng “get_stylesheet” để load style, thì bạn cũng phải chuyên chở 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 hai bí quyết để cài đặt theme của mình như sau:
Upload Child Theme qua FTP
Kết nối mang ko gian của trang web bằng phương tiện FTP, sau ấy tạo một subdirectory mới có tên mà bạn muốn trong directory.
/ wp-content / themes /
Tiếp theo, upload các file đã tạo trước đó 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 đó sở hữu 3 file trong kho ZIP archive và vận tải nó lên trong WordPress Admin. Đổi thay sang menu Design > Themes > Theme, sau đó click “Upload Theme”. Rốt cụ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. Đổi thay thành Design > Theme sau ấy click vào “Activate”. Tương tự là bạn đã hoàn thành việc tạo Child Theme
Sự khác nhau giữa Theme và Child Theme là gì?
Child Theme là gì?
một Theme WordPress gồm số đông các file PHP, CSS, JS cần phải có 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 vô nhị 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ì? Vì sao bạn nên sắm Theme Flatsome?
như vậy là chúng ta đã cộng nhau Phân tích xong về định nghĩa Child Theme là gì. Cách 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 có thể giúp bạn tư vấn các thắc mắc nhé. Hẹn gặp lại Anh chị em trong những bài viết tiếp theo
Theo : https://themewp.vn/child-theme-la-gi/
Thủ thuật wordpress : Thủ thuật wordpress
Chia sẽ theme Free : Theme miễn phí
Chia sẽ Plugin miễn phí : Plugin chia sẽ
Post a Comment