Child Theme là gì?

Child Theme trong WordPress là một theme kế thừa chức năng và giao diện của một theme khác, được gọi là Parent Theme (theme mẹ). Các Child Theme được sử dụng để sửa đổi các theme hiện có trong khi vẫn duy trì thiết kế và các code.

Các Child Theme này cung cấp cho những người xây dựng website tạo ra những thiết kế mới, có sự kế thừa chức năng của parent theme.

Child Theme giúp tùy chỉnh Parent Theme mà không cần tác động vào các file chính. Do đó, nó bảo vệ những điều chỉnh này trong quá trình cập nhật Parent Theme. Hiện nay, các Child Theme đang ngày càng trở nên phổ biến vì các chức năng hữu ích của nó.

Mục đích sử dụng Child Theme là gì? Child Theme được sử dụng để:

• Tùy chỉnh CSS và Javacript.
• Thêm hoặc chỉnh sửa các hàm PHP trong file functions.php.

Các loại Child Theme trên WordPress

Về mặt kỹ thuật, chỉ có một loại Child Theme. Đó là phần mở rộng của Parent Theme, đồng thời kế thừa các kiểu thiết kế và chức năng.

Tuy nhiên có hai kiểu sử dụng WordPress Child Theme khác nhau, đó là:

Child Theme để tùy chỉnh

Thường chỉ được sử dụng để điều chỉnh và các chức năng bổ sung của các theme, giúp cho mọi thay đổi trong quá trình cập nhật sẽ không bị mất.

Child Theme để sale

Child Theme được sử dụng để mua bán thường thay đổi giao diện cơ bản của Parent Theme.

Một ví dụ điển hình về Divi Theme, một số nhà phát hành đã chuyên phát triển các theme của riêng họ dựa trên Divi Theme. Vì vậy, bạn cũng nên mua một sản phẩm đã được điều chỉnh đặc biệt trong ngành nhiếp ảnh hoặc luật sư.

Ưu điểm và nhược điểm của Child Theme là gì?

Ưu điểm

Sử dụng Child Theme sẽ có những ưu điểm nổi trội sau đây:

• Dễ dàng thay đổi tùy chỉnh: Sử dụng Child Theme giúp bạn có thể dễ dàng chỉnh sửa, thay đổi trên theme mà không cần lo lắng đến vấn đề làm ảnh hưởng theme gốc.
• An toàn hơn khi cập nhật: Bởi vì không làm ảnh hưởng trực tiếp đến theme gốc, cho nên Child Theme đảm bảo tính an toàn hơn. Bạn sẽ không lo bị mất đi các tùy biến khi cập nhật phiên bản mới. Các chỉnh sửa giao diện trên Child Theme sẽ được giữ lại. Và Parent Theme vẫn được cập nhật phiên bản mới nhất.
• Dễ dàng khôi phục và gỡ lỗi: Bạn dễ dàng sửa chữa hoặc xóa đi những tùy chỉnh giao diện không như ý muốn khi sử dụng Child Theme.
• Nắm rõ những gì đã được thay đổi trong file theme: Việc sử dụng Child Theme còn cho phép bạn theo dõi tất cả những thay đổi trên các file con của theme WordPress. Điều này sẽ giúp bạn hoặc những người tiếp quản công việc của bạn trong tương lai sẽ dễ dàng theo dõi cũng như quản lý.

Nhược điểm

Ngoài những ưu điểm nói trên, Child Theme cũng tồn tại một số nhược điểm. Trong đó phải kể đến như:

• Mất thời gian tìm hiểu các frame của WordPress và các bộ lọc: Điều này dẫn đến việc chậm trễ trong quá trình hình thành website của bạn.
• Mất thời gian trong việc truy cập dữ liệu: Sử dụng Child Theme, WordPress sẽ phải đọc và truy cập ở cả hai nơi là Child Theme và Parent Theme. Do đó, có thể thời gian hiển thị dữ liệu ra giao diện sẽ lâu hơn, ảnh hưởng trực tiếp đến tốc độ truy cập website.

Khi nào cần đến Child Theme không?

Để biết bạn có cần sử dụng đến Child Theme hay không, bạn có thể xem xét những yếu tố sau đây:

Các sự lựa chọn thay thế cho Child Theme là gì?

Các theme thích ứng sẽ khiến công nghệ này trở thành một mô hình ngừng hoạt động. Ít nhất là đối với những người không phải là các nhà phát hành các theme.

1. Customizer

Customizer là hệ thống cài đặt tiêu chuẩn hóa cho các WordPress theme.

Trước đây, tất cả các nhà phát hành đều dựa vào panel của riêng họ. Ngày nay, bất kỳ ai cũng có thể mở rộng customizer và điều chỉnh cho phù hợp với các theme của họ.

Công cụ customizer thay thế nhiều task mà các child theme đã đảm nhận trước đó.

2. Plugin cho các code snippet

Các Filter và action phải nằm trong file functions.php của theme. Đối với các code snippet nhỏ, các plugin như Advanced Script hoặc Code Snippet cũng rất lý tưởng.

Đối với các khách hàng, Việt Nét sử dụng các plugin như vậy để họ có thể hủy kích hoạt code.

Cách tạo Child Theme trên WordPress

Mặc dù việc tạo template cho người mới bắt đầu dễ gặp các sự cố, tuy nhiên các quy trình sau sẽ giúp bạn đơn giản hóa vấn đề.

1. Tạo child theme directory

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

Practice là sử dụng tên của Parent theme và hang “-child” trên đó. Hoặc dễ hiểu hơn là tên miền mà theme được sử dụng.

2. Tạo style.css

Đối với hàm, chỉ cần một file và đó là:

"style.css"

Tạo file mới có tên style.css trong folder đã tạo trước đó, mở file và paste code sau:

/*
 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: 1.0.0

Text Domain: twentytwentyone
*/

/**
 * Add your custom CSS here
 */

Hầu hết mọi thông tin đều được tự do lựa chọn. Chỉ thông số kỹ thuật sau “Template:” phải chứa tên directory của child theme, nếu không sẽ không hoạt động.

3. Tạo functions.php

Nếu bạn tạo một Child Theme, có thể bạn cũng sẽ cần một functions.php. Bây giờ bạn cũng có thể tạo file này trong directory đã tạo trước đó.

<!--?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
 */</code></pre>



<p>Nếu Parent Theme sử dụng một hàm bắt đầu bằng “get_stylesheet” để load các style, thì style.css của nó cũng phải được tải lên.</p>



<h3 id="4-tao-screenshot-php" class="ftwp-heading">4. Tạo screenshot.php</h3>



<p>Screenshot là tối ưu và không cần phải chèn.</p>



<p>Tạo Screenshot theme và lưu nó trong cùng directory với:</p>



<pre class="wp-block-code language-bash"><code>screenshot.png</code></pre>



<p>Kích thước là 1200 px x 900 px.</p>



<h3 id="5-cai-dat-child-theme" class="ftwp-heading">5. Cài đặt Child Theme</h3>



<p>Bây giờ bạn có hai tùy chọn để cài đặt theme của mình:</p>



<h4>Upload qua FTP</h4>



<div class="wp-block-image"><figure class="aligncenter size-full"><img loading="lazy" width="806" height="367" alt="Upload bằng FileZilla FTP" class="wp-image-50653" src="https://www.24hviet.net/wp-content/uploads/2022/01/5-4.png" />Upload bằng FileZilla FTP