WordPress子主题最全解析(包含:子主题如何制作、怎么用、与父主题的关系)

文 / @UTHEME

WordPress子主题和父主题介绍

WordPress子主题是一种特殊的主题,它继承了父主题的样式和功能。 它允许您在不更改父主题代码的情况下自定义网站的外观和功能。

使用子主题有许多优点,因为它们可以让您在不更改父主题的情况下自定义您的网站。 例如,您可以使用子主题来更改网站的字体、颜色和布局,而无需修改父主题的代码。

当您使用子主题时,您可以轻松地在父主题之间切换,而不会丢失您所做的自定义。 这是因为您的子主题包含您所做的所有更改,而父主题包含所有基本功能。
WordPress子主题最全解析(包含:子主题如何制作、怎么用、与父主题的关系)

WordPress子主题如何制作

要创建一个子主题,您需要先安装并激活一个父主题。 然后,您可以在 WordPress 主题文件夹中创建一个新文件夹,并在其中创建一个新的 style.css 文件。 在 style.css 文件的顶部,您需要添加一个注释,指示这是一个子主题,并指定父主题的名称。

例如,假设您希望创建一个名为 "My Child Theme" 的子主题,继承 "Twenty Twenty" 父主题。 您的 style.css 文件的顶部应该看起来像下面这样:

/*
Theme Name: My Child Theme
Template: twentytwenty
*/
/* Add your custom styles here */

在这个例子中,"Theme Name" 指定了子主题的名称,而 "Template" 指定了父主题的名称。

接下来,您可以在 style.css 文件中添加自定义样式,以覆盖父主题的默认样式。 例如,您可以使用以下代码更改网站的字体:

body {
font-family: Arial, sans-serif;
}

您还可以在子主题文件夹中创建其他文件,例如 functions.php 和 template-parts 文件夹,以添加自定义功能和模板。

子主题的目录结构

子主题也是一个主题,也跟其他主题一样,放在 wp-content/themes 目录下面的文件夹中,文件夹的名称可以随便定义,为了形象一点,在示例中,我们可以新建 twentytwelve-child 这样一个文件夹存放子主题。这样的话,我们的 themes 文件夹中,至少有两个文件夹:twentytwelve、twentytwelve-child ,因为子主题要基于父主题,所以主题目录肯定要有父主题。

在子主题中,一般有下面几个文件:

  • style.css (这个必须有)
  • functions.php (这个可以有)
  • 其他模板文件 (这个可以有)
  • 其他文件 (这个可以有)

WordPress子主题怎么用

最后,您可以使用 WordPress 后台的 "外观" 页面来激活您的子主题。 一旦激活,您的网站将使用您在子主题中定义的样式和功能。

 

添加UTHEME为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。