wordpress 自定义_如何制作和自定义WordPress儿童主题

今天药忘吃喽~ 2022-12-07 12:51 286阅读 0赞

![6e7e4300eaaac74ae34a104f5f91b6fc.png][]

wordpress 自定义

These days, it is essential to ensure your website is optimized as possible with everybody across the globe self-isolation. After all, you wish individuals to visit your site and stick around, right?

这些天来，至关重要的是要确保您的网站在全球范围内与每个人的自我隔离尽可能地优化。 毕竟，您希望个人能够访问您的网站并留在附近，对吗？

You can easily personalize any part of your site with WordPress, and that involves the theme you utilize. Nevertheless, changing its code directly could be dangerous. There’s a chance you might lose your modifications once you update it. But when you [employ a child theme][], you won’t run any of such risks.

您可以使用WordPress轻松个性化网站的任何部分，而这涉及您利用的主题。 但是，直接更改其代码可能很危险。 更新后，您可能会丢失所做的修改。 但是，当您 [使用儿童主题时][employ a child theme] ，您不会冒任何此类风险。

Did you know that a child theme is a copy of its ‘parent?’ You could easily create one easily and edit your theme efficiently and safely. If you are looking for a guide on how you can create and customize a WordPress child theme, this post got you covered.

您知道儿童主题是其“父母”的复制品吗？ 您可以轻松轻松地创建一个主题，并高效，安全地编辑主题。 如果您正在寻找有关如何创建和自定义WordPress子主题的指南，这篇文章可以帮助您。

### 利用WordPress子主题的原因 **(**Reasons to Utilize a WordPress Child Theme**)** ###

A child theme is a model bringing in the overall arrangement of its parent. In short, it is a duplicate of the original. You can only make modifications to it without influencing the last.

儿童主题是引入其父级整体布局的模型。 简而言之，它是原始图像的副本。 您只能对其进行修改，而不会影响最后一个。

Do you wish to change the **functions.php** of your theme file to include a new feature? You can dig into that code and do the needed modifications. Nonetheless, soon after, a new version of your theme is presented. You leap at the possibility of installing it because it is smart to update your WordPress components.

您是否要更改 主题文件 的 **functions.php** 以包括一项新功能？ 您可以深入研究该代码并进行所需的修改。 尽管如此，不久之后，您的主题就会出现一个新版本。 您可以选择安装它，因为更新WordPress组件很聪明。

Upgrading the theme invalidate the changes you have done to its primary files. The new feature you included vanished, and you need to begin from scratch again.

升级主题会使您对其主文件所做的更改无效。 您包含的新功能消失了，您需要重新从头开始。

On the other hand, you can make a child theme and modify its **functions.php** file as an alternative. You will use it to the parent theme. Your modifications will then be restored every time an update is introduced.

另一方面，您可以制作一个子主题，并修改它的 **functions.php** 文件。 您将使用它作为父主题。 每次引入更新时，您的修改将被恢复。

Keep in mind that the steps in this guide could be done on your server through FTP client. Nonetheless, it would help if you set up everything locally. You can then zip the folder of the theme. After that, make sure you install it like a standard theme through the **Theme** menu.

请记住，本指南中的步骤可以通过FTP客户端在服务器上完成。 但是，如果您在本地设置所有内容，则将有所帮助。 然后，您可以压缩主题的文件夹。 之后，请确保通过“ **主题”** 菜单 像标准主题一样安装它 。

## 如何制作和自定义WordPress儿童主题？ **(**How to Make and Customize a WordPress Child Theme?**)** ##

### 在wp-content / themes中创建一个文件夹 **(**Make a folder in wp-content/themes**)** ###

A child theme must have a style sheet, folder, and a functions.php and its own folder. You can find your theme in wp-content/themes in your WP installation. Go there and make a new folder. Remember the name and make a new directory.

子主题必须具有样式表，文件夹，functions.php及其自己的文件夹。 您可以 在WP安装 中的 wp-content / themes 中 找到您的主题 。 去那里并创建一个新文件夹。 记住名称并创建一个新目录。

You can do the stages in this guide with any parent theme you wish. The name you create for its child does not make any technical difference either. Nonetheless, it would best if it is something, which is simple to recall.

您可以使用任何所需的父主题完成本指南中的阶段。 您为其子代创建的名称在技术上也没有任何区别。 尽管如此，最好还是简单地回忆一下。

### 设置一个*style.css*文件 **(**Set up a *style.css* file**)** ###

The next step you need to do is to create the file that WP uses to identify new themes. It’s referred to as style.css. It has all the CSS styles for your website.

下一步，您需要创建WP用于标识新主题的文件。 它称为style.css。 它具有您网站的所有CSS样式。

Make a new file in the child theme directory and designate it **style.css.** Right-click on it and choose **View/Edit** after it is ready.

在子主题目录中创建一个新文件，并将其指定为 **style.css。** 右键单击它，然后选择“ **查看/编辑”** 。

That will open your file with the local text editor. It must empty now. You can copy the code and paste it in the **style.css** file of the theme. You can then modify the placeholders.

这将使用本地文本编辑器打开文件。 现在必须为空。 您可以复制代码并将其粘贴 到主题 的 **style.css** 文件中。 然后，您可以修改占位符。

Change every instance of the name of the parent theme with the one you are utilizing. You will also like to add your domain and details. Save the alterations to **style.css** and exit it.

用您正在使用的实例更改父主题名称的每个实例。 您还将希望添加您的域和详细信息。 将更改保存到 **style.css** 并退出。

### 导入父主题的脚本和样式 **(**Import the scripts and styles of the Parent Theme**)** ###

You must import all the code, which makes it work for the child theme to keep the functionality and style of the parent. You can achieve that through *enqueueing. *

您必须导入所有代码，以使其适用于子主题，以保留父主题的功能和样式。 您可以通过 *排队* 来实现 *。*

Set up the new file known as **functions.php** in the directory of the child theme to get started. Open and paste these codes:

在子主题的目录中 设置一个名为 **functions.php** 的新文件， 以开始使用。 打开并粘贴以下代码：

![How to Make and Customize a WordPress Child Theme][]

Save your changes **functions.php.** You will then see that this code does not identify something about the parent theme. The reason behind that is we determined the template it should import when you edited the **style.css** file.

保存您的更改 **functions.php。** 然后，您将看到此代码无法识别有关父主题的内容。 其背后的原因是我们确定了在编辑 **style.css** 文件 时应导入的模板 。

Copy and paste the content of the **functions.php** file of the parent theme. Nonetheless, you would need to change the codebase automatically with that tactic every time an update was introduced.

复制并粘贴 父主题 的 **functions.php** 文件 的内容 。 但是，每次引入更新时，您都需要使用该策略自动更改代码库。

Enqueueing the scripts and styles of the parent theme will enable you to bypass that problem. The theme should start running after that. All that is left now is to personalize and activate it.

使父主题的脚本和样式排队将使您能够绕过该问题。 此后应该开始运行主题。 现在剩下的就是个性化并激活它。

### 个性化儿童主题 **(**Personalize the Child Theme**)** ###

Doing modifications to your child theme works very similar to editing any other. For instance, you can personalize the style of your website by changing its **style.css** file. Simply add a new CSS code you wish under the theme description you created earlier.

对子主题进行修改与编辑其他主题非常相似。 例如，您可以通过更改其 **style.css** 文件 来个性化网站的样式 。 只需在您之前创建的主题描述下添加新CSS代码即可。

Take note that any modifications you create will overrule contradictory functions or styles from the parent theme. That goes the same for **functions.php** and **style.css**, among other files you set up.

请注意，您创建的任何修改都将取代父主题中相互矛盾的功能或样式。 在您设置的其他文件中 ， **functions.php** 和 **style.css** 都一样 。

### 激活并保留您的儿童主题 **(**Activate and keep your Child Theme**)** ###

You must see the child theme listed if you go to your dashboard and navigate to **Appearance > Themes. **

如果转到仪表板并导航至 **外观>主题，** 则必须看到列出的子 **主题。**

Keep in mind that activating the child theme works similarly to others. You can now go ahead and check your homepage after you click on the **Activate** button.

请记住，激活子主题与其他主题类似。 单击“ **激活”** 按钮 后，您现在可以继续并检查主页 。

In short, your website must look similarly as it did before if you’re formerly using the parent theme. You will not see any difference between the two until you begin making modifications.

简而言之，如果您以前使用的是父主题，则网站的外观必须与以前相似。 在开始进行修改之前，您不会看到两者之间的任何区别。

You should remember that you couldn’t remove the parent files while you are employing a child theme. Or else, it will not be able to import the functions or styles it requires to run correctly.

您应该记住，使用子主题时无法删除父文件。 否则，它将无法导入正确运行所需的功能或样式。

Similarly, you will like to check for any updates accessible for the parent theme. Only because you are utilizing a child theme does not suggest you are exempted from security best practices.

同样，您希望检查父主题可访问的所有更新。 仅因为您使用的是儿童主题，并不意味着您可以免除安全性最佳实践。

#### 底线 **(**Bottom Line**)** ####

Are you planning to include new functions to your WordPress theme? Then bear in mind that the most efficient and safest way to do so is with a child theme. Luckily, creating and installing one is not a challenging and difficult task.

您是否打算在WordPress主题中包括新功能？ 然后请记住，最有效，最安全的方法是使用儿童主题。 幸运的是，创建和安装一个不是一项艰巨而艰巨的任务。

Do you find this post helpful? What are your thoughts about this guide?

您觉得这篇文章有帮助吗？ 您对本指南有何看法？

> 翻译自: [https://www.thecrazyprogrammer.com/2020/08/how-to-make-and-customize-a-wordpress-child-theme.html][https_www.thecrazyprogrammer.com_2020_08_how-to-make-and-customize-a-wordpress-child-theme.html]

wordpress 自定义

[6e7e4300eaaac74ae34a104f5f91b6fc.png]: /images/20221123/b4ff41847eb64b5795fd11f52e405901.png
[employ a child theme]: https://elementor.com/blog/wordpress-child-theme/
[How to Make and Customize a WordPress Child Theme]: /images/20221123/79625b298a094bcd9a1cd5d69994011c.png
[https_www.thecrazyprogrammer.com_2020_08_how-to-make-and-customize-a-wordpress-child-theme.html]: https://www.thecrazyprogrammer.com/2020/08/how-to-make-and-customize-a-wordpress-child-theme.html