创建和自定义 WordPress 子主题

WordPress子主题如何工作

子主题存储在与父主题不同的目录中。 每次都有自己的 style.css 和 functions.php 文件。 虽然您必须在子主题目录中至少有两个文件，但为了使其正常工作，您也可以添加其他文件。 这两个最小的文件可以帮助您更改样式、编码和脚本以及布局参数。 当用户访问您的网站时，WordPress 会加载子主题，然后使用部分父主题填充缺失的样式和功能。 这使您可以充分利用子主题并对其进行自定义，而不会牺牲父主题的核心功能。

如何创建子主题

您可以通过多种方式创建子主题。 您可以使用 FTP 客户端或文件目录手动执行此操作，也可以使用插件或在线生成器创建子主题。

手动

为了手动创建子主题，您需要使用 FTP 客户端或文件管理器。 另外，请注意，这里我们将创建一个基于 27 岁主题的 style.css 文件。

• 通过 FTP 客户端或文件管理器，访问您的public_html > wp-content >主题文件夹
• 在这里，您应该创建一个新文件夹。 约定说您应该使用父主题的名称命名此文件夹，但添加 -child 作为后缀。 在这里，新文件夹的名称将是二十七孩子。
• 在文件夹中创建一个 style.css 文件并将以下代码添加到其中：

 /* Theme Name: Twenty Twenty Child Theme URL: http://yourdomain.com Description: Twenty Twenty Child Theme Author: Your Name Author URL: http://yourdomain.com Template: twentytwenty Version: 1.0.0 Text Domain: twentytwenty-child */

• 根据需要调整值。 请特别注意 Template 行，因为它告诉 WordPress 您的子主题与哪个父主题相关。 完成后，保存更改并关闭。
• 使用文本编辑器创建另一个名为 functions.php 的文件，但不要从父主题复制代码。 将此代码复制并粘贴到空白文件中：

 <?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' ); } ?>

• 保存并关闭此文件后，访问您的网站并转到外观>主题。 激活子主题，您会发现它看起来就像它的父主题。

使用子主题插件

使用子主题插件可能更容易、更直观。 例如，您可以使用以下一些插件来使用子主题生成器、子主题配置器或子主题向导。 请记住，使用插件也需要一些知识。 例如，您可能需要在不访问管理区域的情况下禁用插件，因为有时您可能没有此访问权限。 做到这一点需要一些技巧。 然而，总的来说，插件通常很容易使用，所以不要害怕使用它们。

使用在线生成器

使用在线儿童主题生成器使这个过程更加容易。 您只需要访问 https://childtheme-generator.com 并按照步骤操作即可。 创建和下载主题时，转到外观>主题并上传并激活您的子主题。

如何自定义子主题

为了自定义您的子主题，您需要知道如何检查网页上的元素并了解基本的 CSS 规则。 为了个性化您的子主题，从活动的子主题中，转到自定义>附加 CSS。

更改背景颜色

正确的背景在网站的外观中起着重要作用。 虽然您可以在 WordPress 中添加背景图片，但这里我们只讨论更改子主题的背景颜色。 为此，请添加以下 CSS 规则：

更改侧边栏颜色

这是您应该插入以更改侧边栏颜色的 CSS 规则：

要更改 WordPress 子主题的字体类型、大小和颜色，请插入以下代码。 请注意，p 标记代表段落文本。