Child theme là gì!? Cách tạo child theme wordpress chuẩn S.E.O

18 Likes Comment
cach-su-dung-child-theme-trong-wordpress-tuanle

Child theme là gì!?

Theme con (Child Theme) kế thừa thừa các đặc điểm, chức năng và mọi thuộc tính đầy đủ từTheme mẹ ( mother theme); Trong hệ quản trị giao diện của WordPress, có hỗ trợ chúng ta tạo Theme con với đặc tính của Theme mẹ mà không thay đổi mã nguồn (code) của Theme mẹ.

Điều vô cùng ý nghĩa khi chúng ta nâng cấp theme chính ( Theme mẹ) về sau mà không hề bị lỗi giao diện hay bị ảnh hưởng tiêu cực đến hoạt động hiện tại của trang web đang sử dụng. Theme con vì trong quá trình sử dụng phần đông chúng ta có xu hướng tác động trực tiếp vào mã nguồn nên việc cài đặt Theme con là điều cần thiết.

Hướng dẫn cách tạo child theme wordpress

  • Cài đặt như bình thường, vào mục giao diện ( Appearance) cài đặt theme chính (Mother theme)
  • Truy cập Cpanel của bạn tìm tới thư mục gốc => Thư mục wp-content => Thư mục themes => Tạo 1 thư mục mới (Tên bạn tùy chọn)
  • Mở thư mục bạn vừa tạo mới ở trên tạo 1 file style.css và chỉnh sửa lại thông số cho phụ hợp với bạn như sau:

/*
Theme Name: Myshare Child Theme
Theme URI: http: //jọnytuanle.com
Description: Day la child theme cua my share pro
Author: Tuanle
Author URI: https://jonytuanle.com
Template: myshare-pro
Version: 1.0
*/

  • Chúng ta có thể thay đổi các thông tin thành của mình, nhưng lưu ý ở phần Template, ở đó là chúng ta ghi tên của thư mục chứa Theme mẹ để nó hiểu đâu là mẹ của nó, như trong ảnh thì là mình có thư mục myshare-pro.
Tạo childe theme worpress
Tạo thư mục tên bạn đặt
  • Bước tiếp theo, chúng ta chèn thêm đoạn code này vào bên dưới */

@import url(“../myshare-pro/style.css”);

Chúng ta thay mysharepro thành tên thư mục của theme mẹ, mục đích để nó tìm theme mẹ và ghi đè CSS:

  • Bây giờ chúng ta sẽ có đoạn mã cuối cùng như sau:

/*
Theme Name: Myshare Child Theme
Theme URI: http: //jọnytuanle.com
Description: Day la child theme cua my share pro
Author: Tuanle
Author URI: https://jonytuanle.com
Template: myshare-pro
Version: 1.0
*/

@import url(“../myshare-pro/style.css”);

  • Bây giờ chúng ta vào mục Appearance (giao diện) trên bảng điều khiển => Theme và kích hoạt Child theme lên là có thể sử dụng bình thường.

Lưu ý: Trong quá trìnnh sử dụng, nếu bạn muốn chỉnh sửa file nào hay tệp nào thì copy file hoặc tệp đó từ theme chính sang thư mục theme mới của bạn để ghi đè và sửa trực tiếp luôn mà không ảnh hưởng tới theme mẹ.

child theme
Child theme wordpress yeah

Child theme plugin

Rất tiếc hiện nay chúng ta chưa có plugin tạo Child Theme. Còn lại thì Child theme vẫn cài cắm Plugin và sử dụng như bình thường.

Hướng dẫn sử dụng Child theme funcions.php

Trường hợp chúng ta cần tùy chỉnh các file và tệp tin PHP mà không thuộc template của theme thì có thể require vào file funcions.php như bên theme mẹ đã làm. Chúng ta có thể xem file Functions.php của theme mẹ để xem nó require như thế nào và làm y như thế là được.

Cách sử dụng Child Theme cần tuân thủ 3 quy tắc:
  • Tuyệt đối không được xóa thư mục hoặc mother theme.
  • Tùy chỉnh file nào thì coppy từ theme mẹ sang theme con để sửa.
  • Khi viết css, phải ghi nhớ viết dưới dòng @import ở child theme.

Có thể bạn quan tâm :

Seo hình ảnh lên top 1 google tìm kiếm, tăng cường sự hiện diện của doanh nghiệp trên internet. 

Tham khảo từ Thạch Phạm

You might like

About the Author: jonytuanle

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *