Tại sao bạn nên tạo chủ đề con và mẹo để tạo chủ đề dễ dàng hơn [WordPress]

WordPress chiếm khoảng 23% tất cả các trang web và nhiều người dùng thường cần tùy chỉnh các chủ đề mà họ sử dụng theo một cách nào đó. Một số người chọn chỉnh sửa trực tiếp các tệp chủ đề, nhưng điều đó đặt ra một vấn đề lớn:một khi chủ đề được cập nhật, tất cả các sửa đổi sẽ bị mất. Đây là lúc tạo chủ đề con.

Chủ đề con là gì?

Chủ đề con chỉ đơn giản là các chủ đề tùy chỉnh kế thừa các chức năng và phong cách của chủ đề mẹ. Bằng cách tạo chủ đề con, bạn có thể dễ dàng thực hiện các sửa đổi đối với chủ đề mẹ và giữ các thay đổi đó ngay cả khi chủ đề mẹ được cập nhật.

Bây giờ bạn đã biết chủ đề con là gì, hãy xem một số cách bạn có thể tạo chủ đề con và một số phương pháp hay nhất để làm theo.

Bắt đầu

Tôi sẽ sử dụng chủ đề Twenty Fifteen cho hướng dẫn này, nhưng điều này sẽ hoạt động với bất kỳ chủ đề nào bạn chọn sử dụng.

Để tạo chủ đề con, chỉ cần điều hướng đến thư mục “wp-content / themes” và tạo một thư mục mới cho chủ đề con của bạn. Bạn có thể đặt tên cho thư mục là "hai mươi mười lăm-con" hoặc một cái gì đó tương tự.

Tiếp theo, bạn sẽ cần tạo tệp “style.css” trong thư mục chủ đề con mới của mình và điền vào tệp với nội dung sau:

/*
Theme Name:     Twenty Fifteen Child 
Theme URI:      https://www.maketecheasier.com
Description:    Twenty Fifteen Child
Author:         Ayo Isaiah 
URI:            https://www.maketecheasier.com/author/ayoisaiah
Template:       twentyfifteen
Version:        1.0.0
*/

Bạn có thể thay thế tên chủ đề, URI, mô tả và tên tác giả bằng các chi tiết liên quan đến chủ đề con của bạn. Tuy nhiên, phần “Mẫu” phải được đặt tên theo thư mục của chủ đề mẹ của bạn.

Trong trường hợp này, tên thư mục cho chủ đề mẹ của chúng tôi là “hai mươi mốt”, vì vậy Mẫu sẽ là “mười hai mươi mốt”. Nếu bạn đang sử dụng một chủ đề khác, đừng quên cập nhật mẫu cho phù hợp, nếu không chủ đề con của bạn sẽ bị hỏng.

Bước tiếp theo là sắp xếp đúng các biểu định kiểu của chủ đề mẹ để chủ đề con của bạn có thể kế thừa các phong cách của chủ đề mẹ và bạn có thể xây dựng từ đó. Một số trang web khuyên bạn nên sử dụng @import để làm điều này, nhưng đó không còn là phương pháp hay nhất và nên tránh.

Cách tốt nhất để xếp hàng các kiểu chủ đề mẹ là tạo tệp “functions.php” trong thư mục chủ đề con của bạn và thêm các nội dung sau:

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

Mẹo ở đây là thay thế “kiểu gốc” bằng thư mục của chủ đề mẹ của bạn và cùng với “-css” ở cuối. Trong trường hợp của chúng tôi, “kiểu gốc” sẽ được thay thế bằng “hai mươi lăm-css”.

Đó là nó; chủ đề con của bạn hiện đã sẵn sàng để được kích hoạt.

Kích hoạt chủ đề con của bạn

Kích hoạt một chủ đề con hoàn toàn giống như một chủ đề bình thường. Chỉ cần điều hướng đến “Giao diện -> Chủ đề” trên Trang tổng quan WordPress và kích hoạt chủ đề con của bạn.

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

Nếu bạn muốn nhanh chóng quá trình tạo chủ đề con, bạn có thể sử dụng một plugin miễn phí để tự động tạo một chủ đề cho bạn. One-Click Child Theme giúp bạn dễ dàng thực hiện việc này chỉ bằng một cú nhấp chuột. Chỉ cần cài đặt và kích hoạt plugin, sau đó đi tới “Giao diện -> Chủ đề con” trên Trang tổng quan và điền vào biểu mẫu trên trang với các chi tiết liên quan về chủ đề con của bạn. Sau khi hoàn tất, hãy nhấn vào nút “Create Child” để tạo và kích hoạt chủ đề con của bạn.

Tạo tùy chỉnh

Bây giờ chủ đề của chúng tôi đã được kích hoạt, bạn có thể xem trang web của mình để xem nó trông như thế nào. Giả sử bạn đã làm mọi thứ một cách chính xác, nó sẽ xuất hiện giống hệt như chủ đề mẹ. Từ thời điểm này, bạn có thể thêm CSS tùy chỉnh vào tệp style.css của chủ đề con để ghi đè các kiểu trong chủ đề mẹ. Lưu ý rằng các kiểu bạn khai báo trong chủ đề con của mình sẽ được ưu tiên hơn các kiểu trong chủ đề mẹ và giờ đây bạn có thể cập nhật kiểu gốc mà không sợ mất công.

Nếu bạn muốn thêm một chức năng mới vào trang web của mình, bạn sẽ cần khai báo các chức năng trong tệp “function.php” của chủ đề con. Tệp này sẽ được tải cùng với tệp “function.php” của chủ đề mẹ.

Các tệp mẫu khác

Các tệp PHP khác phải được sao chép vào thư mục chủ đề con và được sửa đổi ở đó. Điều này là do không giống như tệp “functions.php”, tệp tương đương của chủ đề mẹ sẽ bị bỏ qua theo hướng có lợi cho riêng bạn, vì vậy hãy đảm bảo bạn đặt tệp gốc ở cùng vị trí trong chủ đề con của bạn như với chủ đề mẹ để mọi thứ hoạt động suôn sẻ.

Kết luận

Bây giờ bạn đã biết tại sao chủ đề con lại cần thiết để thực hiện các tùy chỉnh trên trang web của bạn và cách tạo chủ đề đó, không có lý do gì để bạn thay đổi trực tiếp các tệp chủ đề của mình. Nếu bạn vẫn cần làm rõ thêm, hãy để lại bình luận bên dưới hoặc truy cập WordPress Codex để biết thêm thông tin về các chủ đề con.