Mẹo nhỏ: Để tìm kiếm chính xác thủ thuật của f4vnn.com, hãy search trên Google với cú pháp: "Từ khóa" + "f4vnn". (Ví dụ: code đóng khung html f4vnn). Tìm kiếm ngay

Cách tạo child theme cho tất cả theme cho WordPress


Cách tạo child theme cho tất cả theme cho WordPress: Với WordPress một mã nguồn mở đã quá phổ biến rồi nên có rất nhiều bạn đã chia sẻ các theme rất chất lượng. Tuy nhiên mỗi người có một thị hiếu khác nhau về màu sắc, bố cục… nên việc hỉnh sửa trực tiếp trên theme mẹ có thể gây ra một số lỗi mà nếu bạn không chuyên về code như mình có thể gặp khó khăn để sửa nó.

Trong bài viết này, Blog thủ thuật máy tính f4vnn sẽ hướng dẫn bạn cách tạo child theme cho tất cả theme cho WordPress để các bạn có thể chỉnh sửa trên child theme này mà không ảnh hưởng đến theme chính của bạn.

Cách tạo chirld theme cho tất cả theme cho WordPress

Cách tạo child theme cho tất cả theme cho WordPress

Việc tạo child theme hiện đã có Plugin hỗ trợ tạo nhưng mình thấy có vẻ là rắc rối hơn là tự tạo bằng tay nên trong bài viết này mình sẽ hướng dẫn tạo bằng tay thôi nhé và mình sẽ làm trực tiếp trên hosting luôn.

1. Tạo thư mục child theme trên hosting

Đầu tiền bạn truy cập vào hosting của bạn sau đó bạn vào wp-content – themes trong này sẽ có theme của bạn đang dùng sau đó là bạn tạo một thư mục đặt tên tùy ý nhưng theo mình bạn nên đặt theo tên theme của bạn và thêm một cái gì đó như là theme-child để bạn có thể phân biệt được theme child này là của theme nào.

tao child themes cho wordpress 1

Như trong hình các bạn có thể thấy đó làm theme mẹ và theme con mình đang dùng nhé.

Sau đó các bạn vào thư mục child theme của bạn và tạo 2 file có style.cssfunctions.php để theme con của bạn cso thẻ dùng được style và functions của theme mẹ nhé. Dưới đây là nội dung của 2 file bạn thêm vào trong thư mục theme con nhé.

+ Style.css: Các bạn có thể copy luôn nội dung bên dưới và dán vào file style.css trong theme con nhé.

/*
Theme Name:     Bestwp Child
Theme URI:      https://f4vnn.com
Description:    Child theme for the Best Theme
Author:         Blog Tips f4vnn
Author URI:     https://f4vnn.com
Template:       bestwp
Version:        2.0
*/

Chú ý: Bạn phải thay tên và đường dẫn của bạn vào nhé không nó không dùng được theme con đâu nhé.

+ Functions.php: Các bạn có thể copy luôn nội dung bên dưới và dán vào file Functions trong theme con nhé.

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

Chú ý: Khi nào bạn muốn thêm chức năng gì thì bạn phải thêm vào sau <?php nhé thêm vào trên nó không hoạt động đâu.

tao child themes cho wordpress 2

2. Kích hoạt theme con

Bây giờ bạn truy cập vào trang quản trị WordPress của bạn sau đó vào Giao diện và kích hoạt theme con của bạn.

tao child themes cho wordpress 3

Done, chỉ thế thôi mình thấy tạo theme con rất hay và tiện lợi, nó đảm bảo an toàn cho theme mẹ của bạn trong trường hợp bạn chỉnh sửa theme mà có lỗi gì đó xảy ra. Hy vọng với cách tạo child theme cho tất cả theme cho WordPress mà Blog thủ thuật máy tính f4vnn đã chia sẻ sẽ có ích với bạn. Chúc bạn thành công.

Bài Viết Cùng Chuyên Mục
Game & Apk Mod Acapella Việt Template BLogspot Liên Kết URL

Welcome to f4vnn.com: là một web/blog cá nhân, chủ yếu chia sẻ kiến thức về máy tính, internet, công nghệ và thủ thuật WordPress, Blogger... Mình hi vọng một điều là: Tại đây, các bạn có thể học thêm được rất nhiều kinh nghiệm và thủ thuật khi sử dụng máy tính ^_^ !

ĐỪNG QUÊN ĐĂNG KÝ FANPAGE ĐỂ NHẬN THỦ THUẬT MỚI NHẤT NHÉ!

Blog Tips f4vnn

Là người yêu thích công nghệ và công việc cũng làm làm trong ngành công nghệ, nên mình muốn chia sẻ những gì mà mình biết và từng tìm hiểu qua muốn chia sẻ cho mọi người cùng sở thích.

  Bài viết cùng chuyên mục

  • SoraSoft giao diện chia sẻ phần mềm cho Blogger
  • Hướng dẫn cách cài đặt WordPress trên Fastpanel
  • 3 cách thêm CSS tùy chỉnh vào trang web WordPress
  • ChickPro Blogger Template giao diện blogger thời trang
  • Hướng dẫn cách đánh dấu văn bản cho WordPress