Child Themes là gì? Cách tạo Child Themes trong Worpdress

Source: Child Themes là gì? Cách tạo Child Themes trong Worpdress

Tôi đã phát hiện ra trước đây Chủ đề Trẻ em là gì? và đã sử dụng Child Themes trong một thời gian dài nhưng vẫn không có kết quả. Hôm nay tôi đã tìm được câu trả lời cho mình và tôi cũng muốn chia sẻ nó với những bạn đang tìm kiếm nó. Đồng thời mình viết bài này để nhớ, khi cần thiết sẽ có cái để học lại: D. Kiến thức tôi chia sẻ trong bài viết này có thể hiểu là kiến thức wordpress cơ bản, nếu bạn cần tìm hiểu sâu hơn về Chủ đề trẻ em, bạn có thể đọc bài viết này tại website wordpress.

Chủ đề Trẻ em là gì?

Theme con trong wordpress là theme kế thừa các chức năng và thuộc tính của theme khác và theme khác đó được gọi là theme mẹ. Chủ đề con cho phép bạn chỉnh sửa hoặc thêm một số chức năng vào chủ đề mẹ.

Tại sao sử dụng Chủ đề dành cho trẻ em?

Nếu bạn chỉnh sửa một chủ đề theo cách thông thường, khi chủ đề đó được cập nhật, tất cả các chỉnh sửa của bạn sẽ bị mất. Đó là lý do tại sao bạn cần sử dụng chủ đề con, bạn viết mã chỉnh sửa trong chủ đề con và khi chủ đề mẹ được cập nhật, những gì bạn đã chỉnh sửa trước đó sẽ không ảnh hưởng gì.

Tạo chủ đề trẻ em đơn giản

Bước 1: Tạo một thư mục bên trong thư mục chủ đề (mặc định là wp-content / chủ đề) và sẽ sử dụng thư mục này làm chủ đề con. Bạn đặt tên nó như bạn vui lòng. Để chỉnh sửa, bạn nên đặt tên thư mục bằng “-child” ở cuối, để biết đây là chủ đề con của chủ đề nào.
Nhìn vào những bức tranh của tôi, bạn sẽ thấy rằng tôi có chủ đề “hueman-con”. Vâng, đó là chủ đề con của chủ đề hueman gốc.

Bước 2: Trong thư mục của chủ đề con, bạn tạo một tệp css với tên style.css. Nội dung của tệp style.css bạn viết theo cấu trúc bên dưới.

/*
 Theme Name:   Hueman Child
 Theme URI:    https://thanhthai.org
 Description:  Theme con của Hueman
 Author:       Thái Dương
 Author URI:   https://thanhthai.org
 Template:     hueman
 Version:      1.0.0
*/
@import url("../hueman/style.css");

/* Bạn viết code css vào bên dưới dòng này
-------------------------------------------------------------- */

Bạn cần lưu ý:

Dòng số 7: Là tên của thư mục chủ đề gốc. Trong ví dụ trên, thư mục chủ đề gốc là hueman.

Dòng số 10 là đường dẫn đến tệp style.css của chủ đề mẹ.

Bạn phải viết mã css cho trang web của mình dưới dòng @import url (“../ hueman / style.css”); , nếu được viết ở trên, trang web của bạn không còn được kế thừa từ chủ đề ban đầu.

Chủ đề Trẻ em hoạt động như thế nào?

Bạn chủ đề trẻ em năng động theo một cách nào đó chủ đề hoạt động Thường xuyên: Đăng nhập Bảng quản trị > Ngoại hình > Chủ đề. Bạn sẽ thấy chủ đề con mà bạn vừa tạo. nhấn Hoạt động.

Sau khi chủ đề con được kích hoạt, nó sẽ gọi và sử dụng các tệp trong thư mục chủ đề con (xem ví dụ ở trên, nó sẽ gọi tệp stye.css trong thư mục chủ đề con). hueman-con để sử dụng) Trong quá trình sử dụng, nếu không có các tệp cần thiết trong thư mục chủ đề con (ví dụ: funcitons.php, thư mục images), hệ thống wordpress sẽ tự động sử dụng thư mục chủ đề gốc (là thư mục hueman). Tóm lại, theme của wordpress sẽ ưu tiên theme con trước, nếu theme con còn thiếu thứ gì đó thì sẽ sử dụng theme gốc.

Ghi chú

Không xóa hoặc đổi tên thư mục chủ đề gốc (chủ đề mẹ)
Muốn tùy chỉnh tập tin nào bạn chỉ cần copy từ theme gốc vào thư mục theme con.
Khi viết css, luôn viết dưới dòng @nhập khẩu

Tạo chủ đề con bằng plugin

https://ift.tt/3EuNYa3
https://ift.tt/3Il98tr

Via: sieucoder.com

from sieucoder.com https://ift.tt/3dm5eSH
via Sieucoder.com

Tìm kiếm Blog này

Sieucoder.com