Tại sao bạn không bao giờ nên tùy chỉnh WordPress trong chủ đề mẹ hiện có? Điều gì xảy ra với các tùy chỉnh của bạn khi chủ đề bạn đang sử dụng được cập nhật?

Câu trả lời là chúng đã bị mất và công sức của bạn để tạo trang web theo nguyên tắc và sở thích về thương hiệu và thông điệp của bạn cũng sẽ bị mất.

Chủ đề con cho phép bạn tạo một biểu định kiểu CSS riêng biệt^{(child theme enables you to create a separate CSS stylesheet)} và thêm chức năng bổ sung sẽ không bị mất hoặc bị ảnh hưởng khi chủ đề mẹ được cập nhật.

Điều này có thể được thực hiện theo cách thủ công hoặc bằng cách cài đặt một plugin tạo chủ đề con. Hãy bắt đầu với quy trình thủ công.

Tạo một thư mục mới^{(Create a New Directory)}

Bắt đầu^(Start) bằng cách tạo một thư mục mới cho chủ đề con của bạn. Bạn có thể sử dụng ứng dụng khách FTP^{(FTP client)} hoặc truy cập thư wp-content/themes hiện có của mình thông qua cPanel của bạn.

Để sử dụng cPanel, hãy chuyển đến bảng điều khiển lưu trữ của bạn. Chọn trình quản lý tệp^{(file manager)} và điều hướng đến thư mục nơi WordPress được cài đặt.

Điều này thường nằm trong một thư mục có tên public_html . Định vị và mở thư mục wp-content . Nhấp vào tạo thư mục mới^{(create new folder)} và nhập tên cho chủ đề con của bạn. Hãy chắc chắn đặt cho nó một cái tên mà bạn sẽ nhận ra sau này. Một ví dụ điển hình là nameofparenttheme-child .

Không bao gồm bất kỳ khoảng trắng nào trong tên tệp của bạn để tránh lỗi.

Do xử lý nội bộ, tên thư mục phải bao gồm tên của chủ đề mẹ (chủ đề 'slug') như được hiển thị trong ví dụ bên dưới.

Tạo biểu định kiểu CSS^{(Create a CSS Stylesheet)}

Biểu định kiểu được sử dụng trong các chủ đề WordPress vì hai lý do.

• Vị trí của các kiểu ảnh hưởng đến giao diện trang web của bạn.
• Biểu định kiểu chính của chủ đề là nơi WordPress tìm kiếm thông tin về chủ đề.

Bạn có thể không muốn thêm bất kỳ kiểu mới nào trong chủ đề con. Tuy nhiên, biểu định kiểu vẫn cần tồn tại để xác định các chi tiết cụ thể như tên chủ đề của bạn và tên chủ đề mẹ.

Do đó, bạn cần tạo một bảng định kiểu mới cho chủ đề con của mình. Vì vậy, bước tiếp theo của bạn là tạo một tệp văn bản cho biểu định kiểu CSS sẽ xác định các quy tắc kiểm soát giao diện của chủ đề con của bạn.

Sau đó, tệp CSS^(CSS) của chủ đề con sẽ được ưu tiên hơn chủ đề mẹ.

Bạn cần đưa các thông tin sau vào tệp văn bản của mình:

• Tên chủ đề của bạn.
• Tên của thư mục chủ đề mẹ.
• Tiêu đề và mô tả có ý nghĩa.

Đảm bảo đưa vào biểu định kiểu chú thích tiêu đề sau ở đầu tệp. WordPress sẽ đọc thông tin này và biết rằng một chủ đề con đang được sử dụng.

Bạn muốn chú ý đến thẻ mẫu. Nó cho WordPress biết chủ đề mẹ của con bạn là gì. Lưu ý rằng thư mục chứa chủ đề mẹ của bạn có phân biệt chữ hoa chữ thường.

Về mặt kỹ thuật, bây giờ bạn có thể kích hoạt chủ đề con của mình. Tuy nhiên, nếu bạn muốn tạo một chủ đề con phức tạp hơn, bạn sẽ cần thêm các hàm PHP tùy chỉnh .

Tạo một tệp functions.php trong chủ đề con (trong cùng thư mục với tệp style.css^(style.css) bạn đã tạo). Đây là nơi mà những thứ như định dạng bài đăng bổ sung sẽ được thêm vào.

Giống như với tệp CSS của bạn , các thay đổi hoặc bổ sung vào tệp PHP của bạn sẽ tự động được hợp nhất với hoặc ghi đè các hàm của cha mẹ.

Đối với những thứ như định dạng bài đăng được thêm bằng add_theme_support () , chúng hoạt động như ghi đè thay vì hợp nhất.

Khi sử dụng add_theme_support () , bạn cần thực hiện một số bước bổ sung để đảm bảo rằng chủ đề con ghi đè chủ đề chính.

Điều này có thể trở nên phức tạp, vì vậy hãy tham khảo bài đăng của William Patton, trưởng nhóm Đánh giá chủ đề WordPress hiện tại ^{(WordPress Theme Review Team)}về việc sử dụng các định dạng bài đăng WordPress^{( post on using WordPress post formats)} . 

Thêm kiểu & tập lệnh để ghi đè chức năng chủ đề chính^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Bước tiếp theo của bạn là đảm bảo rằng chủ đề con của bạn kế thừa các tính năng và phong cách của chủ đề mẹ hoặc phản ánh những cái mới mà bạn muốn sử dụng.

Phong cách được sử dụng để thay đổi giao diện trang web của bạn. Tập lệnh^(Scripts) nâng cao chức năng. Cách các kiểu và tập lệnh được thêm vào trang web WordPress của bạn cũng cần thiết như nội dung của các tệp.

Chức năng enqueue của WordPress là cách thực hiện điều này.

Enqueueing đề cập đến cách các kiểu và tập lệnh được thêm vào các trang web WordPress để chúng có thể ảnh hưởng đến những gì người dùng nhìn thấy khi họ truy cập trang web của bạn.

Việc sử dụng nhiều plugin để đạt được cùng một kết quả thường dẫn đến các vấn đề tương thích và các trang web bị hỏng.

Wp_enqueue không chỉ cải thiện hiệu suất trang web của bạn bằng cách giảm chi phí plugin mà còn nâng cao trải nghiệm người dùng.

Cách sử dụng 'wp_enqueue'^{(How To Use ‘wp_enqueue’)}

Để xuất các kiểu cho chủ đề con của bạn, bạn sẽ cần sử dụng một hàm có tên là wp_enqueue_style () .

Hàm này lấy một vài bit thông tin, nhưng quan trọng nhất là tên (hoặc 'tay cầm') và vị trí của tệp.

Bên trong tệp functions.php thêm đoạn mã sau.

Mã này thêm biểu định kiểu từ thư mục mẹ và sau đó cũng thêm biểu định kiểu cho con mà chúng tôi đã tạo trước đó. Lưu ý rằng văn bản kiểu gốc^{(parent-style)} phải khớp với tên của chủ đề mẹ với -style được thêm vào cuối.

Kích hoạt chủ đề con của bạn^{(Activate Your Child Theme)}

Nếu bạn đã tạo các tệp cho chủ đề con của mình trên máy chủ bên trong thư mục wp-content/themes/yourthemename , thì nó sẽ có sẵn trong bảng điều khiển WordPress của bạn để bạn kích hoạt.

• Đăng nhập vào bảng điều khiển của bạn.
• Đi tới Appearance > Themes .
• Chủ đề con của bạn nên được liệt kê.
• Chọn Xem trước^(Preview) để xem giao diện trang web với chủ đề con mới.
• Khi bạn hài lòng với giao diện của nó, hãy nhấp vào Kích hoạt^{(Activate )} để làm cho nó hoạt động.

Nếu bạn đã tạo chủ đề con của mình ở đâu đó không phải trên máy chủ trong thư mục wp-content/themes/yourthemename , thì bạn nên nén thư mục chủ đề con mới của mình.

• Đăng nhập vào bảng điều khiển WordPress của bạn.
• Đi tới Appearance > Themes .
• Nhấp vào Thêm mới^{(Add new)} .
• Chọn Tải lên chủ đề^{(Upload Theme)} .
• Kéo^(Drag) tệp đã nén của bạn vào hộp mới xuất hiện hoặc nhấp vào công cụ chọn tệp và duyệt đến tệp đó trên máy tính của bạn.
• Khi nó đã được tải lên, bạn có thể xem trước và sau đó kích hoạt nó.

Thêm tệp mẫu^{(Add Template Files)}

Để ghi đè các mẫu khác, bạn có thể sao chép chúng từ chủ đề mẹ vào chủ đề con. Bất kỳ tệp mẫu nào có cùng tên trong tên con cũng như tên gốc sẽ đóng vai trò là tệp ghi đè. Sau đó, điều chỉnh nội dung của các mẫu nếu cần.

Để thêm các mẫu mới^{(To add new templates)} , bạn chỉ cần tạo một tệp mới với tên chính xác và thêm nội dung của riêng bạn. Phần trên giải thích quy trình thủ công.

Bây giờ chúng ta hãy xem xét cách tạo các chủ đề con với một plugin WordPress .

Sử dụng một Plugin WordPress^{(Use a WordPress Plugin)}

Đăng nhập^(Log) vào bảng điều khiển WordPress của bạn . Nhấp^(Click) vào Plugins > Add New . Tìm kiếm chủ đề con.^{(child theme.)}

Plugin đầu tiên bạn sẽ thấy là Trình cấu hình chủ đề con^{( Child Theme Configurator)} . Đây là một lựa chọn tốt, như đã thấy trong ảnh chụp màn hình ở trên, bởi vì nó:

• Tương thích với phiên bản hiện tại của WP.
• Có rất nhiều cài đặt.
• Đã được cập nhật gần đây.

Nhấp vào Install now > Activate . Bước tiếp theo là điều hướng đến Công cụ^(Tools) và sau đó chọn các chủ đề con.^{(child themes.)}

Tìm^(Find) và chọn chủ đề mẹ của bạn từ menu thả xuống. Chọn phân tích^(analyze) để đảm bảo rằng chủ đề của bạn có thể sử dụng làm chủ đề con.

Dưới đây^(Below) là hướng dẫn từng bước về cách thiết lập Trình cấu hình chủ đề con^{(Child Theme Configurator)} . Nếu bạn quyết định sử dụng một plugin WordPress khác , bạn cũng có thể dễ dàng tìm thấy hướng dẫn về cách thiết lập nó.

Như bạn đã biết, chủ đề con là các chủ đề riêng biệt dựa vào chủ đề mẹ cho một số chức năng của chúng.

Khi bạn sử dụng chủ đề con, WordPress sẽ tìm kiếm chủ đề con trước chủ đề gốc và tuân theo kiểu dáng và chức năng của chủ đề con nếu nó tồn tại.

Tiết kiệm cho bạn rất nhiều thời gian, rắc rối và đau đầu trong tương lai khi chủ đề mẹ cập nhật bằng cách tạo một phần tử con sẽ không bị ảnh hưởng bởi bản cập nhật.

How To Create a WordPress Child Theme

Why should you never customize WordPress in the existіng parent theme? What happens to your customizations when the theme you are υsing iѕ updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Tạo Child Theme trong WordPress

• Cách thiết lập trang web giống Twitter của riêng bạn bằng chủ đề P2 của WordPress

• Cách di chuyển WordPress site từ máy chủ này sang máy chủ khác

• Cách cài đặt & Cài đặt WordPress trên Microsoft Azure

• Cách chạy Blazedly Fast WordPress trên Microsoft Azure

• Cách bảo vệ các trang bằng mật khẩu trên trang web WordPress của bạn

• Cách thay đổi URL đăng nhập WordPress của bạn để bảo mật tốt hơn

• Cách thêm thanh bên nổi trong Wordpress

• Protect và WordPress website an toàn từ hacker

• Cách xây dựng một blog Wix tốt như WordPress

• Cách cài đặt trang web thử nghiệm WordPress trên máy tính của bạn

• Cách tìm thông tin đăng nhập quản trị viên WordPress của bạn

• Định dạng bài viết blog tốt nhất để nhận được điểm của bạn

• 11 Plugin Podcast WordPress Tốt nhất

• Cách cập nhật PHP trong WordPress

• Cách chuyển từ trình soạn thảo WordPress cổ điển sang Gutenberg

• Cách tạo WordPress Site Secure

• Cách tăng tốc bất kỳ trang web WordPress nào bằng cách sử dụng .HTACCESS

• Cách kiểm tra xem một trang web có bị cấm từ AdSense không

• 3 plugin SEO tốt nhất cho WordPress