创建和使用WordPress子主题是一种好的实践,因为它允许您对现有主题进行定制,而不会直接修改主题文件,从而使得在主题更新时更容易保持自定义。

以下是一个创建和使用WordPress子主题的详细教程:

步骤 1: 创建子主题文件夹

  1. 在您的WordPress安装目录下的wp-content/themes/文件夹中创建一个新文件夹,作为您的子主题。给子主题选择一个独特的名称,例如mytheme-child

步骤 2: 创建子主题样式表文件

  1. 在子主题文件夹中创建一个新的CSS文件。通常命名为style.css
  2. style.css文件的头部添加以下注释,以指定这是一个子主题:
/*
Theme Name:   MyTheme Child //子主题的自定义名称,但通常是 父主题名字 + Child
Template:     mytheme   // 这里是父主题的文件夹名称
Version:      0.1.0  // 子主题的版本
*/

请替换MyTheme Child为您子主题的名称,mytheme为您使用的父主题的文件夹名称。

步骤 3: 引入父主题样式

在 style.css 下使用 @import 引入父主题样式,这样子主题就可以拥有父主题的样式了。

@import url("../cosy/style.css") 路径中的「cosy」为父主题文件夹的名称。需要留意看清楚。

/*
Theme Name:   MyTheme Child //子主题的自定义名称,但通常是 父主题名字 + Child
Template:     mytheme   // 这里是父主题的文件夹名称
Version:      0.1.0  // 子主题的版本
*/
 
@import url("../cosy/style.css");

步骤 4: 激活子主题

  1. 登录WordPress管理后台。
  2. 转到“外观” -> “主题”。
  3. 在主题列表中,应该能够看到您刚创建的子主题。激活它。

步骤 5: 添加自定义样式和功能

模板文件在子主题中可以覆盖任何父主题模板中的文件,只需要创建同名文件就行

子主题使用模板文件的例子:

  • 替换比父主题更个性化的模板,重写 index.php 或 single.php

若要添加自定义功能,可以创建functions.php文件,并在其中添加自定义功能。确保不要复制父主题中已存在的functions.php文件中的代码,以避免冲突。

<?php
// 添加您的自定义功能

步骤 6: 更新主题

  1. 当父主题更新时,您可以放心地更新它,而不会丢失您在子主题中所做的自定义。

这就是一个基本的WordPress子主题创建和使用的教程。通过这种方式,您可以在不影响主题更新的情况下对WordPress主题进行自定义。请注意,这是一个简单的示例,根据您的需求,可能需要更多的自定义和功能。