Hướng dẫn cài đặt theme child wordpress năm 2024

Nếu bạn đã sử dụng WordPress lâu năm thì chắc hẳn đã nghe đến thuật ngữ “Child Theme”. Child Theme được hiểu là một theme con và nó sẽ kế thừa toàn bộ đặc điểm của theme mẹ (Parent Theme). Vậy chính xác Child Theme là gì? Khi nào cần đến Child Theme? Cách tạo Child Theme trong WordPress như thế nào? Mời bạn đọc tham khảo bài viết dưới đây của Vietnix để biết chi tiết nhé.

Child Theme là gì?

Child Theme trong WordPress là một theme kế thừa chức năng và giao diện của một theme khác, được gọi là Parent Theme (theme mẹ). Các Child Theme được sử dụng để sửa đổi các theme hiện có trong khi vẫn duy trì thiết kế và các code.

Các Child Theme này cung cấp cho những người xây dựng website tạo ra những thiết kế mới, có sự kế thừa chức năng của parent theme.

Child Theme giúp tùy chỉnh Parent Theme mà không cần tác động vào các file chính. Do đó, nó bảo vệ những điều chỉnh này trong quá trình cập nhật Parent Theme. Hiện nay, các Child Theme đang ngày càng trở nên phổ biến vì các chức năng hữu ích của nó.

Child Theme là gì?

Mục đích sử dụng Child Theme là gì? Child Theme được sử dụng để:

• Tùy chỉnh CSS và Javacript.
• Thêm hoặc chỉnh sửa các hàm PHP trong file functions.php.

Các loại Child Theme trên WordPress

Về mặt kỹ thuật, chỉ có một loại Child Theme. Đó là phần mở rộng của Parent Theme, đồng thời kế thừa các kiểu thiết kế và chức năng.

Tuy nhiên có hai kiểu sử dụng WordPress Child Theme khác nhau, đó là:

Child Theme để tùy chỉnh

Thường chỉ được sử dụng để điều chỉnh và các chức năng bổ sung của các theme, giúp cho mọi thay đổi trong quá trình cập nhật sẽ không bị mất.

Child Theme để sale

Child Theme được sử dụng để mua bán thường thay đổi giao diện cơ bản của Parent Theme.

Một ví dụ điển hình về Divi Theme, một số nhà phát hành đã chuyên phát triển các theme của riêng họ dựa trên Divi Theme. Vì vậy, bạn cũng nên mua một sản phẩm đã được điều chỉnh đặc biệt trong ngành nhiếp ảnh hoặc luật sư.

Ưu điểm và nhược điểm của Child Theme là gì?

Ưu điểm

Sử dụng Child Theme sẽ có những ưu điểm nổi trội sau đây:

• Dễ dàng thay đổi tùy chỉnh: Sử dụng Child Theme giúp bạn có thể dễ dàng chỉnh sửa, thay đổi trên theme mà không cần lo lắng đến vấn đề làm ảnh hưởng theme gốc.
• An toàn hơn khi cập nhật: Bởi vì không làm ảnh hưởng trực tiếp đến theme gốc, cho nên Child Theme đảm bảo tính an toàn hơn. Bạn sẽ không lo bị mất đi các tùy biến khi cập nhật phiên bản mới. Các chỉnh sửa giao diện trên Child Theme sẽ được giữ lại. Và Parent Theme vẫn được cập nhật phiên bản mới nhất.
• Dễ dàng khôi phục và gỡ lỗi: Bạn dễ dàng sửa chữa hoặc xóa đi những tùy chỉnh giao diện không như ý muốn khi sử dụng Child Theme.
• Nắm rõ những gì đã được thay đổi trong file theme: Việc sử dụng Child Theme còn cho phép bạn theo dõi tất cả những thay đổi trên các file con của theme WordPress. Điều này sẽ giúp bạn hoặc những người tiếp quản công việc của bạn trong tương lai sẽ dễ dàng theo dõi cũng như quản lý.

Nhược điểm

Ngoài những ưu điểm nói trên, Child Theme cũng tồn tại một số nhược điểm. Trong đó phải kể đến như:

• Mất thời gian tìm hiểu các frame của WordPress và các bộ lọc: Điều này dẫn đến việc chậm trễ trong quá trình hình thành website của bạn.
• Mất thời gian trong việc truy cập dữ liệu: Sử dụng Child Theme, WordPress sẽ phải đọc và truy cập ở cả hai nơi là Child Theme và Parent Theme. Do đó, có thể thời gian hiển thị dữ liệu ra giao diện sẽ lâu hơn, ảnh hưởng trực tiếp đến tốc độ truy cập website.

Khi nào cần đến Child Theme không?

Để biết bạn có cần sử dụng đến Child Theme hay không, bạn có thể xem xét những yếu tố sau đây:

CÓKHÔNGBạn cần một Child Theme nếu bạn muốn thay đổi các file trong theme của mình.Bạn không cần một Child Theme nếu bạn không thay đổi các file trong theme của mình. Bạn phải thực hiện nhiều điều chỉnh CSS, tốt nhất là có một editor phù hợp trong style.css.

Bạn liên tục phải chèn code mới cho file functions.php. Bạn cũng có thể thực hiện điều này với các plugin như Advanced Scripts, nhưng nó khá phức tạp.

Nếu bạn không phải là một lập trình viên và không thể làm bất cứ điều gì với CSS và PHP, bạn có thể không thay đổi được một file theme của mình.

Các WordPress Theme bây giờ đã có khả năng thiết kế vô cùng lớn, do đó không cần phải sử dụng code nữa.

Nếu bạn đang có nhu cầu sử dụng các theme mà không muốn tiêu tốn thêm chi phí thì có thể đăng ký sử dụng dịch vụ Hosting, VPS tốc độ cao tại Vietnix. Lúc này, bạn sẽ nhận được một bộ quà tặng trị giá tới 26.000.000 VND/Năm bao gồm nhiều theme và plugin giá trị như sau:

• Plugin tăng tốc website WP Rocket.
• Plugin hỗ trợ tối ưu web chuẩn SEO Rank Math SEO Pro.
• Plugin giúp bảo mật web toàn diện itheme Security Pro.
• Plugin dịch ngôn ngữ và nội dung web WPML.
• Plugin tối ưu hình ảnh WP Smush Pro.
• Trọn bộ theme + plugin của WP Astra Growth Bundle và MyThemeShop giúp bạn có thể thiết kế web chuyên nghiệp một cách nhanh chóng.
• Theme Divi giúp xây dựng website đơn giản, cung cấp hàng trăm mẫu website đa lĩnh vực.

Liên hệ với đội ngũ Vietnix để được tư vấn chi tiết về gói dịch vụ tối ưu nhất và nhận bộ quà tặng cực hấp dẫn ngay hôm nay!

HOSTING PREMIUM 4

Bán chạy

2 Core

3GB RAM

3GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 5

2 Core

3GB RAM

3GB NVMe

2 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 6

2 Core

4GB RAM

4GB NVMe

2 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 7

4 Core

4GB RAM

4GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 8

4 Core

6GB RAM

6GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 9

4 Core

8GB RAM

8GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 10

Siêu tốc

8 Core

10GB RAM

10GB NVMe

4 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 1

1 Core

1GB RAM

1GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 2

1 Core

2GB RAM

2GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

HOSTING PREMIUM 3

2 Core

2GB RAM

2GB NVMe

1 Domain

SSL Miễn Phí

Tặng theme & plugin trị giá 60.000.000 VND

• Plugin: WP Rocket
• Plugin: Rank Math SEO Pro
• Plugin: Elementor Pro
• Plugin: WPML
• Plugin: WP Smush Pro
• Theme + plugin: WP Astra Growth Bundle
• Theme + plugin: MyThemeShop
• Theme: Divi
• Theme: Bricks

Các sự lựa chọn thay thế cho Child Theme là gì?

Các theme thích ứng sẽ khiến công nghệ này trở thành một mô hình ngừng hoạt động. Ít nhất là đối với những người không phải là các nhà phát hành các theme.

1. Customizer

Customizer là hệ thống cài đặt tiêu chuẩn hóa cho các WordPress theme.

Trước đây, tất cả các nhà phát hành đều dựa vào panel của riêng họ. Ngày nay, bất kỳ ai cũng có thể mở rộng customizer và điều chỉnh cho phù hợp với các theme của họ.

Công cụ customizer thay thế nhiều task mà các child theme đã đảm nhận trước đó.

WordPress Customizer

2. Plugin cho các code snippet

Các Filter và action phải nằm trong file functions.php của theme. Đối với các code snippet nhỏ, các plugin như Advanced Script hoặc Code Snippet cũng rất lý tưởng.

Đối với các khách hàng, Vietnix sử dụng các plugin như vậy để họ có thể hủy kích hoạt code.

Scripts Plugin nâng cao

Cách tạo Child Theme trên WordPress

Mặc dù việc tạo template cho người mới bắt đầu dễ gặp các sự cố, tuy nhiên các quy trình sau sẽ giúp bạn đơn giản hóa vấn đề.

1. Tạo child theme directory

Tạo một directory mới trên màn hình và đặt cho nó bất kỳ tên nào, chẳng hạn như:

parentname-child

Domain name

Practice là sử dụng tên của Parent theme và hang “-child” trên đó. Hoặc dễ hiểu hơn là tên miền mà theme được sử dụng.

2. Tạo style.css

Đối với hàm, chỉ cần một file và đó là:

"style.css"

Tạo file mới có tên style.css trong folder đã tạo trước đó, mở file và paste code sau:

/*
 Theme Name: twentytwentyone Child
 Theme URI: https://bloggerpilot.com/wordpress-child-theme/
 Description: twentytwentyone Child Theme
 Author: Jochen Gererstorfer
 Author URI: https://bloggerpilot.com/
 Template: twentytwentyone
 Version: 1.0.0
Text Domain: twentytwentyone
*/
/**
Add your custom CSS here
 */
`

Hầu hết mọi thông tin đều được tự do lựa chọn. Chỉ thông số kỹ thuật sau “Template:” phải chứa tên directory của child theme, nếu không sẽ không hoạt động.

### 3\. Tạo functions.php

Nếu bạn tạo một Child Theme, có thể bạn cũng sẽ cần một functions.php. Bây giờ bạn cũng có thể tạo file này trong directory đã tạo trước đó.

• Enqueue child styles. / function j0e_enqueue_styles() { wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/style.css', array(), 100 ); } add_action( 'wp_enqueue_scripts', 'j0e_enqueue_styles' ); /*
• Add custom functions here

  */

  `

Nếu Parent Theme sử dụng một hàm bắt đầu bằng “get_stylesheet” để load các style, thì style.css của nó cũng phải được tải lên.

4. Tạo screenshot.php

Screenshot là tối ưu và không cần phải chèn.

Tạo Screenshot theme và lưu nó trong cùng directory với:

screenshot.png

Kích thước là 1200 px x 900 px.

5. Cài đặt Child Theme

Bây giờ bạn có hai tùy chọn để cài đặt theme của mình:

Upload qua FTP

Upload bằng FileZilla FTP

Kết nối với không gian website bằng công cụ FTP và tạo một subdirectory mới với tên bạn muốn trong directory.

/ wp-content / themes /

Sau đó upload ba file đã tạo trước đó lên directory này. Cũng như đã thấy trên screenshot ở trên.

Upload trong WordPress Admin

Cài đặt Child Theme trong WordPress Admin

Ngoài ra, bạn có thể đặt folder đã tạo trước đó với ba file trong kho ZIP archive và upload nó lên trong WordPress Admin.

Thay đổi sang menu Design > Themes > Theme và sau đó nhấp vào “Upload Theme”. Sau đó, bạn chọn file .zip của mình và nhấp vào “Install now”.

6. Kích hoạt WordPress Child theme mới

Trong bước cuối cùng, bạn phải kích hoạt template mới của mình.

Thay đổi thành Design > Theme và click vào nút màu xám “Activate”. Vậy là xong!

Áp dụng các điều chỉnh từ Parent Theme

Nếu bạn đã thực hiện các điều chỉnh cho Parent Theme và bạn kích hoạt Child Theme, khả năng bạn sẽ mất chúng vì chúng đã được lưu trữ trong database cho Parent Theme. Vì vậy, nó cũng được áp dụng để luôn luôn dựa vào chức năng này ngay từ đầu.

Để không phải làm lại từ đầu, bạn có thể sử dụng plugin miễn phí Customizer Export/Import để xuất tất cả cài đặt Customizer trong phần Parent Theme và nhập lại vào phần Child Theme.

Sau khi cài đặt plugin, bạn có thể tìm thấy trực tiếp trong customizer.

Sự khác biệt giữa Theme và Child Theme là gì?

Một WordPress theme bao gồm tất cả các file PHP, file CSS và file JS cần thiết cho hoạt động của một website.

Mặt khác, một WordPress Child Theme luôn cần Parent Theme và một file duy nhất được gọi là style.css. Bởi vì Child Theme không hoạt động riêng được.

Lưu ý quan trọng

WordPress Child Theme luôn chỉ là một phần mở rộng cho Parent Theme. Vì vậy, không bao giờ được xóa parent theme chính, nếu không Child Theme cũng sẽ không hoạt động.

Nếu bạn đang tìm kiếm giải pháp lưu trữ chất lượng cho website WordPress của mình, thì Vietnix là một lựa chọn tuyệt vời. Vietnix cung cấp các gói dịch vụ lưu trữ tốc độ cao với hiệu suất ổn định và tối ưu cho website WordPress. Hơn nữa, với các gói dịch vụ linh hoạt và phù hợp với nhu cầu của từng khách hàng, Vietnix sẽ giúp bạn tiết kiệm chi phí và tối ưu hóa tài nguyên của mình. Bạn cũng có thể yên tâm về tính linh hoạt, khi có thể mở rộng tài nguyên hoặc nâng cấp dịch vụ mà không gây ảnh hưởng đến hoạt động của website.

Chất lượng dịch vụ tại Vietnix luôn được đảm bảo và khẳng định qua những con số sau:

• 11 năm kinh nghiệm hoạt động trong lĩnh vực giải pháp lưu trữ số.
• 50.000 khách hàng cá nhân, doanh nghiệp.
• 100.000 dịch vụ được kích hoạt.
• 97% khách hàng giới thiệu dịch vụ sau khi sử dụng.
• Đạt giải Thương hiệu Việt Nam xuất sắc 2022.
  WordPress Child Theme là gì và khi nào cần đến nó? 138

Đăng ký ngay để tận hưởng lưu trữ chất lượng và tối ưu hóa website WordPress của bạn với Vietnix! Mọi vấn đề thắc mắc cần tư vấn, quý khách vui lòng liên hệ:

• Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
• Hotline: 1800 1093.
• Email: [email protected].

Lời kết

Hy vọng những thông tin về Child Theme là gì mà chúng tôi vừa cung cấp sẽ giúp ích cho bạn trong quá trình xây dựng và phát triển website. Chúc các bạn có thể xây dựng được một website như ý.