Chỉ một số ít người dùng WordPress sử dụng chủ đề con và đó là do nhiều người dùng không biết thế nào là chủ đề con hoặc Tạo chủ đề con^{(Creating Child Theme)} trong WordPress . Chà^(Well) , hầu hết những người sử dụng WordPress có xu hướng chỉnh sửa hoặc tùy chỉnh chủ đề của họ nhưng tất cả những tùy chỉnh đó sẽ bị mất khi bạn cập nhật chủ đề của mình và đó là lúc việc sử dụng chủ đề con xuất hiện. Khi bạn sử dụng chủ đề con thì tất cả các tùy chỉnh của bạn sẽ được lưu lại và bạn có thể dễ dàng cập nhật chủ đề mẹ.

Tạo chủ đề con trong WordPress

Tạo Chủ đề con từ Chủ đề mẹ chưa sửa đổi^{(Creating a Child Theme from an Unmodified Parent Theme)}

Để tạo chủ đề con trong WordPress , bạn cần đăng nhập vào cPanel của mình và điều hướng đến public_html sau đó đến wp-content / themes, nơi bạn phải tạo một thư mục mới cho chủ đề con của mình (ví dụ / Twentysixteen-child /). Đảm bảo rằng bạn không có bất kỳ khoảng trắng nào trong tên của thư mục chủ đề con, điều này có thể dẫn đến lỗi.

Khuyến nghị:^{(Recommended:)} Bạn cũng có thể sử dụng plugin One-Click Child Theme^{(One-Click Child Theme plugin)} để tạo chủ đề con (chỉ từ chủ đề mẹ chưa được sửa đổi).

Bây giờ bạn cần tạo tệp style.css cho chủ đề con của mình (bên trong thư mục chủ đề con mà bạn vừa tạo). Khi bạn đã tạo tệp, chỉ cần sao chép và dán mã sau ( Thay đổi^(Change) chi tiết bên dưới theo thông số kỹ thuật chủ đề của bạn):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Lưu ý: ^(Note: ) Dòng Mẫu^(Template) ( Mẫu^(Template) : 20thysixteen) sẽ được thay đổi theo tên hiện tại của thư mục chủ đề (chủ đề mẹ mà chúng tôi đang tạo). Chủ đề chính trong ví dụ của chúng tôi là chủ đề Twenty Sixteen , vì vậy Mẫu^(Template) sẽ là hai mươi sáu mươi lăm.

Trước đây @import được sử dụng để tải biểu định kiểu từ chủ đề mẹ sang chủ đề con, nhưng bây giờ đây không phải là một phương pháp tốt vì nó làm tăng lượng thời gian tải biểu định kiểu. Thay vì sử dụng @import, tốt nhất hãy sử dụng các hàm PHP trong tệp functions.php chủ đề con của bạn để tải biểu định kiểu.

Để sử dụng tệp functions.php, bạn cần tạo một tệp trong thư mục chủ đề con của bạn. Sử dụng mã sau trong tệp functions.php của bạn:

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

}
?>

Mã trên chỉ hoạt động nếu chủ đề mẹ của bạn chỉ sử dụng một tệp .css để chứa tất cả mã CSS .

Nếu theme style.css con của bạn thực sự chứa mã CSS (như bình thường), bạn cũng cần phải xếp nó vào hàng đợi:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    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', 'my_theme_enqueue_styles' );
?>

Đã đến lúc kích hoạt chủ đề con của bạn, đăng nhập vào bảng quản trị của bạn, sau đó đi tới Appearance > Themes và kích hoạt chủ đề con của bạn từ danh sách các chủ đề có sẵn.

Lưu ý:^(Note:) Bạn có thể cần phải lưu lại menu của mình (Giao Appearance > Menus ) và các tùy chọn chủ đề (bao gồm cả hình nền và tiêu đề) sau khi kích hoạt chủ đề con.

Giờ đây, bất cứ khi nào bạn muốn thay đổi style.css hoặc functions.php của mình, bạn có thể dễ dàng thực hiện điều đó trong chủ đề con của mình mà không ảnh hưởng đến thư mục chủ đề mẹ.

Tạo Chủ đề con^{(Child Theme)} trong WordPress từ chủ đề mẹ của bạn, nhưng hầu hết bạn đã tùy chỉnh chủ đề của mình rồi thì phương pháp trên sẽ không giúp ích được gì cho bạn. Trong trường hợp đó, hãy xem cách cập nhật Chủ đề WordPress mà không mất khả năng tùy chỉnh.

Nếu hy vọng bài viết này hữu ích cho bạn nhưng nếu bạn vẫn có bất kỳ câu hỏi nào liên quan đến hướng dẫn này, vui lòng hỏi họ trong phần bình luận.

Creating Child Theme in WordPress

Only a handfυl of WordPress users uses a child theme and that’s because many of the users don’t know what is a child theme оr Creating Сhild Theme in WordPress. Well, most of thе people using WоrdPress tend to edіt or customize their theme but all that cυstomizatiоn is lost when уou update yoυr theme and that’s where the use of child theme comes. When you use a child theme then all yоur cuѕtomization will be saved and you сan еasily update the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

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

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    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', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Sơn Chiến

About the author

Tôi là một chuyên gia máy tính và tôi chuyên về thiết bị iOS. Tôi đã giúp đỡ mọi người từ năm 2009 và trải nghiệm của tôi với các sản phẩm của Apple khiến tôi trở thành người hoàn hảo để trợ giúp về nhu cầu công nghệ của họ. Các kỹ năng của tôi bao gồm: - Sửa chữa và nâng cấp iPhone và iPod - Cài đặt và sử dụng phần mềm Apple - Giúp mọi người tìm thấy các ứng dụng tốt nhất cho iPhone và iPod của họ - Làm việc trên các dự án trực tuyến

Tạo chủ đề con trong WordPress

Tạo chủ đề con trong WordPress

Tạo Chủ đề con từ Chủ đề mẹ chưa sửa đổi^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress