Child theme là gì? Cách tạo child theme WordPress nhanh nhất

Nói là làm website / viết blog bằng WordPress không cần biết code chứ nếu bạn muốn như ý không phải là dễ. Nhất là mấy bạn cầu toàn.

Cách đây 3 năm, mình đã từng nằm dưới nền nhà cả đêm để mày mò trong bóng tối. Nhớ mãi! Mà cái quan trọng là không biết hỏi ai. Lên mạng viết mail hỏi thì họ không thèm trả lời.

Giờ thì có nhiều khóa học WordPress lắm. Hơn nữa còn được support nhiệt tình trong group. Chỉ lo không có ý tưởng thôi chứ không sợ không biết làm nữa.

Giờ thay vì mày mò về kỹ thuật thì nên dành thời gian cho content thì mới nhanh kiếm tiền được. Chứ người ta chạy cả cây số rồi giờ mình mới mặc quần áo thì chừng nào mới tới. Đó là những gì mà mình đã từng trải qua!

Tạo child theme WordPress là một trong 11 việc cần làm sau khi cài đặt WordPress. Vậy child theme là gì và cách tạo child theme như thế nào?

Child theme là gì

Child theme (theme con) là một theme được tạo ra từ theme mẹ (parent theme).

Nó có tất cả đặc điểm của theme mẹ. Ngoài ra bạn có thể tùy biến trên theme con theo ý mình.

Child theme là gì

Bạn có thể tạo ra child theme cho bất kỳ theme nào mà bạn đang sử dụng.

Tại sao cần tạo child theme WordPress

Nếu như bạn hay làm 2 việc sau thì bạn nên nghĩ đến việc tạo child theme cho mình:

  • Chỉnh sửa theme theo ý mình. Ví dụ, đổi màu nền hay đổi màu chữ Heading
  • Cập nhật WordPress / theme lên phiên bản mới hơn

Vì khi bạn làm cùng lúc 2 việc này thì khi update WordPress, mọi thay đổi mà bạn tạo ra sẽ mất.

Nhưng mọi tùy chỉnh trong child theme vẫn còn. Đó chính là lý do mà child theme ra đời.

Child theme hoạt động ra sao

Những thay đổi trong child theme sẽ ghi đè lên theme mẹ.

Khi người dùng thực thi một lệnh nào đó trên website của bạn, WordPress sẽ lấy thông tin đó ra hiển thị.

Đầu tiên, nó sẽ chạy vào child theme xem có gì để lấy không?

Nếu có, nó sẽ lấy thông tin đó và ghi đè lên theme mẹ. Nếu không thì là nó sẽ lấy ở theme mẹ như bình thường.

Tạo child theme WordPress

Thường thì child theme sẽ có 2 file chính mà chúng ta hay tùy biến:

  • style.css
  • functions.php

Bạn có thể thêm bất kỳ file nào khác mà bạn muốn. Chỉ cần tạo đúng đường dẫn sau đó copy file đó từ theme mẹ sang child theme.

Cách tạo child theme WordPress phổ biến nhất

Tạo child theme bằng tay

Mình thấy một số bạn tạo child theme ngay trên hosting.

Cách này nên dành cho các bạn đã có chút kinh nghiệm. Nếu bạn chưa quen với cách làm trên File Manager của cPanel thì có thể làm như sau.

Trên máy tính của bạn, tạo 1 folder mới giống tên theme mà bạn đang sử dụng, sau đó thêm -child vào sau.

Ví dụ mình đang dùng theme Pressive thì mình sẽ tạo folder cho child theme tên là pressive-child.

Vào trong folder child theme mà bạn vừa tạo (tất nhiên là chẳng có gì trong đó cả). Mở Notepad lên, tạo 1 file mới đặt tên là style.css. Copy đoạn mã sau và dán vào đó rồi lưu lại.

/*Theme Name: pressive-childTheme URI: https://mosmmo.comDescription: pressive-child is a child theme of Pressive, created by mosmmo.comAuthor: Stanley DangAuthor URI: https://mosmmo.com/Template: pressiveVersion: 1.0.0Text Domain: pressive-child*//*Add your custom styles here*/

Bạn có thể đổi mấy thông tin này theo ý mình. Tuy nhiên, dòng Template là phải chính xác tên theme mẹ. Nếu không thì child theme sẽ không biết ai là mẹ nó cả.

Vậy là xong một file. Bước tiếp theo là tạo file functions.php. Tương tự như trên, bạn copy đoạn mã sau và dán vào đó rồi lưu lại.

<?php add_action( ‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’ ); function my_theme_enqueue_styles() {wp_enqueue_style( ‘parent-style’, get_template_directory_uri() . ‘/style.css’ ); }

Ô kê vậy là trong folder child theme đã có 1 cặp file rất đẹp. Việc của bạn bây giờ là nén folder này lại dưới dạng file zip.

Bạn phải nén ở dạng file .zip nhé, vì nén dạng .rar sẽ không cài được!

Vào trang quản trị > Appearance > Themes > Add New > chọn file nén mà bạn vừa tạo > Upload lên như bình thường > Active để kích hoạt.

Sau này bạn muốn chỉnh sửa file nào ở theme mẹ thì cứ tạo file đó ở child theme mà làm.

Lưu ý là file đó phải chính xác đường dẫn như ở trong theme mẹ. Tất nhiên là từ đây trở đi bạn phải làm trên cPanel.

Cách tạo child theme trên đây có thể áp dụng cho bất kỳ theme nào. Tuy nhiên, vẫn còn cách sau đây vô cùng nhanh chóng.

Trước đây mình có giới thiệu cách tạo child theme bằng công cụ online nhưng công cụ này hỗ trợ quá ít Parent theme nên mình không khuyến nghị nữa

Tạo child theme bằng plugin

Có một vài plugin có thể giúp bạn tạo child theme WordPress tuy nhiên mình chỉ xin giới thiệu cho bạn plugin tốt nhất mang tên Child Theme Configurator

Đầu tiên bạn cài plugin này vào và nhấn Active để kích hoạt

Tạo child theme WordPress

Sau đó bạn vào Tools > Child Themes và làm theo hướng dẫn

Tạo child theme WordPress

  • Bước 1 – Select an action: chọn CREATE a new Child Theme để tạo 1 child theme mới
  • Bước 2 – Select a Parent Theme: chọn theme mẹ mà bạn muốn tạo theme con cho nó trong mũi tên đổ xuống. Thường thì theme đang kích hoạt nó đã nằm sẵn luôn rồi
  • Bước 3 – nhấn nút Analyze bên cạnh theme mẹ vừa chọn ở bước 2. Child Theme Configurator sẽ phân tích theme mẹ để xác định kiểu css và các vấn đề nếu có
  • Bước 4 – 8 bạn cứ để mặc định
  • Bước 9 – Nhấn Create New Child Theme để hoàn tất

Tạo child theme WordPress

Vậy là xong.

Bạn quay lại Appearance > Themes > chọn child theme vừa tạo và nhấn Active để kích hoạt

Lưu ý: Không được xóa theme mẹ dù đã kích hoạt child theme

Như vậy là mình đi qua child theme là gì và cách tạo child theme WordPress rất nhanh chóng và đơn giản. 

Chúc bạn thành công!

guest
1 Comment
Inline Feedbacks
View all comments
PCCC Song Thái Tùng
1 năm trước

Bài viết chi tiết quá, chính thức bookmark lại rảnh lại mở ra đợi bài mới :v hihi

Scroll to Top