Tạo Child Theme trong WordPress dễ dàng với 4 bước cơ bản

1. Child Theme trong wordpress là gì?

Child Theme là một theme con kế thừa toàn bộ chức năng, giao diện và tính năng từ theme gốc (Parent Theme). Nó cho phép bạn tùy chỉnh mà không ảnh hưởng tới code gốc – rất quan trọng khi cập nhật theme.

2. Tại sao nên dùng Child Theme?

• ✅ Giữ nguyên code theme gốc

• ✅ Dễ dàng tùy chỉnh, thử nghiệm

• ✅ An toàn khi update theme cha

• ✅ Dễ backup & quản lý

3. Cách tạo Child Theme trong WordPress

3.1 Tạo thư mục theme con

Vào thư mục /wp-content/themes/, tạo một thư mục mới, ví dụ: /wp-content/themes/my-theme-child/

3.2 Tạo file style.css

Tạo file style.css trong thư mục con, thêm nội dung sau:

/*
Theme Name:   Flatsome Child
Theme URI:    https://uxthemes.com/flatsome/
Description:  Child theme của Flatsome
Author:       Tên của bạn
Author URI:   http://example.com
Template:     flatsome
Version:      1.0
*/

/* Import style từ theme cha */
@import url("../flatsome/style.css");

📝 Lưu ý: Template phải chính xác tên thư mục theme gốc. Ở đây mình đang sử dụng flatsome

3.3 Tạo file functions.php

<?php
// Nạp CSS từ theme gốc và theme con
function flatsome_child_enqueue_styles() {
    $parent_style = 'parent-style';
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'flatsome_child_enqueue_styles' );
?>

3.4 Kích hoạt theme con

Vào Giao diện (Appearance) > Giao diện (Themes) trong WordPress Admin và kích hoạt theme con mới tạo.

4. Ghi chú quan trọng

• Không nên chỉnh sửa trực tiếp file theme cha.

• Luôn kiểm tra kỹ đường dẫn trong @import hoặc functions.php.

• Đảm bảo tên thư mục Template khớp với tên thật của theme cha.

• Ưu tiên dùng functions.php để gọi CSS thay vì @import vì tốc độ tốt hơn.

5. Kết luận

Việc sử dụng Child Theme trong WordPress là một cách làm chuyên nghiệp và an toàn giúp bạn tùy biến giao diện mà không lo mất công sức khi update theme gốc. Hy vọng với bài hướng dẫn chi tiết này, bạn đã nắm vững cách tạo theme con cho website WordPress của mình.

Trang chủ

Eternal Galaxy