如何创建 WordPress 子主题

<?php
 
/* enqueue script for parent theme stylesheet */   
function tutsplus_parent_styles() {
     
    // enqueue style
    wp_enqueue_style( 'parent', get_template_directory_uri().'/style.css' );
         
}
add_action( 'wp_enqueue_scripts', 'tutsplus_parent_styles');

这正确地将样式表从父主题排入队列，get_tempate_directory_uri()用于查找该主题（模板目录是存储父主题的文件夹，而样式表目录是存储当前主题的文件夹）。

如果您想向子主题添加任何样式以覆盖或增强父主题中的样式，请返回子主题的样式表并将其添加到那里。不要在函数文件中添加或尝试将更多样式表加入队列。

您还可以将函数添加到子主题的函数文件中，将模板文件添加到主题文件夹中，这将覆盖父主题中的相同模板文件。

所以现在您已经设置了您的孩子主题——就这么简单！但是，确切了解子主题模板文件和父主题模板文件的交互方式是值得的。

创建模板文件

现在让我们来看看主题模板文件。WordPress 使用哪个模板文件在您的网站上显示页面取决于两件事： 模板层次结构 和您添加到子主题的文件。

假设您正在查看 站点中的旅行类别存档页面。WordPress 将使用模板层次结构来查找最相关的文件：

1. 该特定类别的类别存档模板文件，使用 slug：  category-travel.php
2. 该特定类别的类别存档模板文件，使用 ID：  category-23.php
3. 年龄内部分类存档文件：  category.php
4. 一般存档文件：  archive.php
5. 包罗万象：  index.php

WordPress 将在您的父主题和子主题中查找这些。WordPress 将使用它找到的层次结构中的第一个文件，无论它是在父主题还是子主题中。

有一个例外。当最相关的模板文件在父主题和子主题中都有一个版本时，WordPress 将使用来自子主题的文件并忽略来自父主​​题的文件。这是子主题最常见的用途之一——覆盖父主题中的特定文件。

以下是一些示例，使用上面的类别示例：

• 如果您的子主题有 archive.php 和 index.php 并且您的父主题有 category.php 和 index.php，那么 WordPress 将使用  父主题中的category.php因为它是 h在层次结构中最高。
• 如果您的子主题有 category.php 和 index.php 而您的父主题有 archive.php 和 index.php，WordPress 将使用 来自子主题的 category.php文件，因为它在层次结构中最高。
• 如果您的子主题有 archive.php 和 index.php 而您的父主题有 archive.php 和 index.php，WordPress 将使用 您子主题中的 archive.php文件。这是因为在层次结构中最高的文件有两个副本，并且子主题覆盖了父主题。

因此，如果您想覆盖父主题中的模板文件，请使用所需代码在子主题中创建该文件的副本。或者创建一个在模板层次结构中较高的文件并将其添加到您的子主题中。

为子主题添加功能

函数的工作方式与模板文件不同，而且不那么简单。

如果您向子主题添加与父主题同名的函数，WordPress 将抛出错误，因为它试图调用相同的函数两次。

但是如果父主题中的函数是可插入的，则不会发生这种情况。

可插入文件包含在对另一个同名函数的条件检查中，如下所示：

if ( ! function_exists( 'tutsplus_function_name' ) ) {
 
    function tutplus_function_name() {
     
    // contents of function
     
    }
}

在这里，WordPress 将检查是否尚未调用具有相同名称的函数。如果是这样，它将运行此功能。这是因为子主题的函数在父主题的函数之前被调用。如果您在子主题中编写了一个具有相同名称的函数，则会运行该函数。

但是如果父主题函数不可插入并且您想覆盖它怎么办？

好吧，您可以通过编写一个新函数来实现这一点，该函数基本上取消了父主题中的函数，赋予它比父主题中的函数更高的优先级，以便它在父主题函数之后运行。或者，您可以从父主题中取消挂接该函数，并在子主题中编写一个新函数，挂接到同一个钩子上。

想象一下父主题中的函数是这样的：

function tutplus_parent_function() {
         
    // contents of function here
 
}
add_action ( 'init', 'tutplus_parent_function' );

如果您的子主题中的函数可以撤消父主题的功能，而不必实际停止父主题函数的运行，则可以这样编写：

function tutplus_child_function() {
         
    // contents of function here
 
}
add_action ( 'init', 'tutplus_child_function', 20 );

但是如果你不得不阻止父主题的函数运行，你可以先解开它，像这样：

function wpmu_remove_parent_function(){
     
    remove_action( 'init', 'tutplus_parent_function' );
 
}
add_action( 'wp_head', 'wpmu_remove_parent_function' );