Cách hoạt động của Child Theme những lưu ý khi sử dụng

Posted by: nguyen hiep Category: Kiến thức SEO - Google Adword Post Date: 19/04/2022 241 Lượt view

Cách hoạt động của Child Themenếu như bạn đã từng sử dụng WordPress mà không biết tới Child Theme thì đây chính là một sự thiếu xót. Qua bài viết dưới đây sẽ cung cấp thêm nhiều nội dung đến độc giả, cùng tham khảo nhé.

Cách hoạt động của Child Theme​ là gì?

Cách hoạt động của Child Theme

Cách hoạt động của Child Theme​ là gì?

Khi tạo Child theme, nếu như bạn copy một file bất kỳ từ thư mục theme mẹ sang thư mục của Child theme thì nó sẽ tiến hành thực thi file đấy ở thư mục Child theme. Đồng thời nếu thư mục Child theme hiếu tệp nào thì nó sẽ thực thi bên thư mục theme mẹ.

Ví dụ: Thư mục Child theme chỉ có tệp style.css thì khi đó ngoại trừ file style.css, các tệp khác đều thực thi từ thư mục theme mẹ. Nếu copy file single.php thừ theme mẹ sang Child theme thì nó sẽ ưu tiên thực thi tệp này ở thư mục Child theme, còn tệp khác vẫn thực thi ở thư mục theme mẹ.

Riêng file functions.php của theme mẹ không thay đổi dù bạn có khai báo thêm tệp này trong thư mục child theme. Các code bên trong tệp funtions.php của child theme sẽ tiến hành load song hành thêm với các code trong tệp functions.php của theme mẹ.

Xem thêm:Các Công Cụ SEO Phổ Biến Hiện Nay

Hướng dẫn tạo child theme với parent theme bất kỳ

Trong chỉ dẫn này tôi sẽ chỉ bạn 2 cách:

  1. Tạo child theme bằng các thủ công.
  2. sử dụng plugin để tạo theme con.

Yêu cầu

Một hiểu biết cơ bản về CSS / HTML là bắt buộc để tự thay đổi. Một số kiến thức về PHP chắc chắn sẽ giúp ích.

Hãy chắc chắn copy và thay đổi lại cho đúng với theme bạn đang sử dụng nhé.

Tôi khuyên bạn nên thực hành trên local host trước.

Bạn có khả năng di chuyển một trang WordPress đang live đến local server thử nghiệm hoặc sử dụng clone site để phát triển theme.

Cuối cùng hãy chắc chắn theme mẹ đã tồn tại trong thực đơn Appearance »Themes nhé !

Bí quyết 1: Tạo child theme bằng cách thủ công

How to Create WordPress Child Themes in WordPress (Extended Guide)

Bí quyết 1: Tạo child theme bằng cách thủ công

Bước 1: Tạo 1 folder với tên bất kỳ: chẳng hạn như như: voice-child

Bước 2: Tạo 1 file đặt tên là style.css

Bước 3: Mở file style.css và thêm đoạn code phía dưới.

Mở trình biên soạn văn bản như Notepad hoặc Notepad++ và dán mã này:

1 /*
2 Theme Name: Voice Child
3 Theme URI: https://dieuhau.com
4 Description: Child theme for the Voice Theme
5 Author: Dieu Hau
6 Author URI: https://dieuhau.com
7 Template: voice
8 Version: 0.1.0
9 */ Custom CSS goes after this line

Bây giờ hãy lưu tập tin này dưới định dạng style.css trong thư mục child theme vừa tạo.

Hầu như những thứ trong tập tin này đều đã nói lên ý nghĩa của chúng. Hãy chú ý đến Template: voice

Nếu bạn nhập không đúng tên theme mẹ nó sẽ không nhận đâu nhé.

Tên thư mục gốc phân biệt chữ hoa chữ thường. Nếu như con người bổ sung WordPress với Template: Voice, thì nó sẽ không hoạt động.

Bước 4: Tạo tệp tên function.php và dán đoạn code dưới đây để import css từ theme mẹ.

1
2 add_action( 'wp_enqueue_scripts''enqueue_child_theme_styles', PHP_INT_MAX);
3 function enqueue_child_theme_styles()
4 wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
5
6 ?>

Bước 5: Nén tất cả folder voice-child thành file zip. Rồi upload lên thư mục theme.

Bước 6: Active child theme và sử dụng.

Bây giờ hãy vào Appearance » Themes và bạn sẽ thấy Voice child theme. Bạn cần nhấp vào nút kích hoạt để bắt đầu sử dụng child theme trên trang website của mình.

Cách hoạt động của Child Theme vì chưa điều chỉnh bất kỳ điều gì trong child theme của mình có thể trang website của bạn sẽ dùng tất cả các tính năng và giao diện của theme gốc.

Xem thêm: Backlink Là Gì? Tầm Quan Trọng Của Backlink Trong Seo

Cách 2: cách để tạo child theme bằng plugin

Nếu như bạn không mong muốn làm bí quyết trên, thì vẫn còn một cách khác đó là dùng plugin.

Có khá là nhiều free plugin như: One-Click Child Theme, Child Theme Configurator, Child Theme Creator by Orbisius….

Trong bài này tôi sẽ sử dụng: Child Theme Configurator

Bước 1: thiết lập và Active plugin Child Theme Configurator

Bước 2: Vào Tool » Child Theme

Chọn Parent Theme rồi bấm Analyze. Một số xác định sẽ hiện ra, theo mình cứ dữ nguyên rồi Creat New Child Theme.

Bước 3: quay lại Apperance » Theme và kích hoạt child theme là okeyy.

Tùy chỉnh child theme

Mỗi theme WordPress có một file style.css trong thư mục chính. Hầu như chúng là stylesheet chủ đạo của theme, nơi chứa tất cả các CSS.

Tuy nhiên, theme hiện nay đa số thì file này chỉ hiện nội dung cơ bản của theme. Và tất cả CSS sẽ nằm trong folder riêng tên css

Đối với phần này, bạn cần một chút kiến thức về CSS.

Google Chrome và Firefox có công cụ F12 tích hợp sẵn. Các công cụ này cho phép bạn coi HTML và CSS phía sau bất kỳ phần tử nào của trang web.

Lưu ý khi sử dụng Child Theme trong WordPress

How to install and import demos of a child theme? - WooVina

Lưu ý khi sử dụng Child Theme trong WordPress

Cách hoạt động của Child Theme là con của parent theme, nên khi dùng bạn cần quan tâm một vài vấn đề sau:

  • Không nên xóa loại bỏ Parent Theme, xóa đi, site không công việc.
  • Khi nào mong muốn tùy biến 1 tệp nào đấy thì hãy copy file đấy từ Parent Theme sang Child Theme để thay đổi.
  • Đừng nên xóa bất kỳ file nào của Parent Theme. Nói chung, Parent Theme bạn cần giữ nguyên như ban đầu, không được gây ảnh hưởng đến.
  • Không được copy nguyên tệp functions.php từ thư mục theme mẹ sang child. Việc làm này sẽ gây ra lỗi giúp cho theme không hoạt động.
  • Ngoại trừ file functions.php, bạn copy file gì từ theme mẹ sang child cũng có thể chỉnh sử và thiết kế được cả.

Xem thêm :Dịch vụ tăng view youtube ở đâu chất lượng và giá rẻ – HACKLIKE5758

Qua bài viết trên của Alosoft.vn đã cung cấp các thông tin về cách hoạt động của Child Theme những lưu ý khi sử dụng. Hy vọng những thông tin trên của bài viết sẽ hữu ích với các bạn đọc. Cảm ơn các bạn đã dành nhiều thời gian để xem qua bài viết này nhé.

Mỹ Phượng – Tổng hợp & chỉnh sửa

Tham khảo ( dieuhau.com, thachpham.com, … )

Share this post


Cẩm nang kinh doanh hay cho người mới bắt đầu

ĐĂNG KÝ DÙNG THỬ BỘ PHẦN MỀM MARKETING

7 ngày trải nghiệm bộ phần mềm hỗ trợ doanh nghiệp bán hàng hiệu quả hoàn toàn miễn phí.

CÔNG TY TNHH ATPSOFTWARE
layer-48
Số 75, Đường số 8, KDC CityLand Garden Hills, Phường 5, Quận Gò Vấp, TPHCM
layer-49
1800.0096 (Tư vấn hỗ trợ miễn phí)
layer-50
0931.9999.11 - 0967.9999.11 (Hỗ trợ từ 8:00 - 18:00)
layer-47
info@atpsoftware.vn
.
layer-46
www.atpsoftware.vn
binary-code
Mã số thuế: 0314344065
analysis
Lĩnh vực kinh doanh: Phần mềm
manager
Thời gian làm việc: 8:00 - 22:00 (Thứ 2 - Thứ 7)
KẾT NỐI VỚI ATPSOFTWARE

    Quý khách vui lòng để lại thông tin

    Đặt mua