Child Theme là gì và Tại sao nên sử dụng nó?

Nếu bạn đang sử dụng một theme như Astra hoặc OceanWP cho trang web WordPress của mình, bạn có thể đã tự hỏi: "Làm thế nào tôi có thể tùy chỉnh theme mà không mất các thay đổi khi cập nhật?" Đây chính là lý do tại sao bạn nên sử dụng child theme.

Child Theme là gì?

A child theme là một theme phụ được sử dụng để chỉnh sửa hoặc mở rộng một theme chính mà không làm thay đổi mã nguồn của theme đó. Điều này có nghĩa là bạn có thể cập nhật theme chính mà không sợ làm mất các tùy chỉnh của mình.

Cách tạo Child Theme trong WordPress

Bước đầu tiên để tạo child theme là truy cập vào menu Appearance > Themes trong bảng điều khiển WordPress của bạn. Tại đây, bạn có thể thấy theme chính mà bạn đang sử dụng.

Để tạo child theme, bạn cần tạo một thư mục mới trong thư mục wp-content/themes. Ví dụ, nếu bạn đang sử dụng theme Astra, hãy tạo thư mục có tên astra-child.

Thêm các tập tin cần thiết

Trong thư mục mới này, bạn cần tạo hai tệp tin:

• style.css: Tệp này chứa thông tin về child theme của bạn. Ví dụ:

/*
Theme Name: Astra Child
Template: astra
*/

/* Thêm các tùy chỉnh CSS của bạn ở đây */

• functions.php: Tệp này sẽ được sử dụng để enqueue style của theme chính:

<?php
add_action('wp_enqueue_scripts', 'astra_child_enqueue_styles');
function astra_child_enqueue_styles() {
    wp_enqueue_style('astra-parent-style', get_template_directory_uri() . '/style.css');
}
?>

Áp dụng Child Theme

Sau khi đã tạo xong các tệp tin cần thiết, quay lại bảng điều khiển WordPress và vào Appearance > Themes. Bạn sẽ thấy child theme mới của mình. Nhấn Activate để kích hoạt nó.

Tại sao nên sử dụng Child Theme?

Sử dụng child theme giúp bạn đảm bảo rằng mọi tùy chỉnh của bạn sẽ không bị mất khi cập nhật theme chính. Điều này rất quan trọng đối với việc duy trì tính nhất quán và an toàn cho trang web của bạn.

Nếu bạn không chắc chắn về cách bắt đầu, hãy xem qua catalog theme của ThemesHub để tìm các theme phù hợp với nhu cầu của bạn.