如何在WordPress中一步一步地创建一个子主题

449 阅读3分钟

在本教程中,我们将检查如何在任何WordPress主题中一步一步地创建一个子主题。在本教程中,我们将使用GeneratePress作为一个父主题。

因此,首先我们需要了解WordPress中的父主题和子主题的概念。

什么是父主题?

父主题是WordPress的一个基础主题,它将包含所有需要的WordPress模板和资产。

什么是子主题?

子主题允许我们在不改变父主题代码的情况下直观地改变父主题。假设我们需要改变我们的父主题的CSS或修改我们的主题的某些部分,例如页脚的信用。我们可以通过一个子主题轻松地改变它。

如何创建一个 generate press 子主题?

为了创建一个子主题,我们需要先安装父主题。由于我们使用GeneratePress作为父主题,首先从我们的WordPress仪表盘上安装这个主题。要安装这个主题,请进入外观->添加新主题,然后搜索GeneratePress。安装完毕后,点击 "**激活 "**以激活该主题。

制作一个子主题文件夹。

转到你的WordPress安装目录。然后,在wp-content>themes 内建立一个目录。WordPress建议,给你的子主题起一个与父主题相同的名字,后缀为**-child**。所以我们的子主题名称应该是generatepress-child。但你也可以使用一个不同的名字。

为子主题创建一个样式表。

接下来,在我们的generatepress-child目录下,创建一个style.css 文件。在这个文件中,我们可以为我们的主题编写CSS规则。在这个样式表的开头,我们需要写一些标题注释。这基本上是告诉WordPress关于我们的主题。

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com/
 Description:  GeneratePress Child Theme
 Author:       CodeHasBug
 Author URI:   https://codehasbug.com
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  generatepresschild
*/

主题名称模板是必须的。主题名称需要是唯一的,模板值应该是我们父主题的名称。在这种情况下,Generatepress。我们可以使用任何主题作为我们的父模板。

安装子主题

由于我们在WordPress主题文件夹中创建了子主题,所以我们不需要上传主题。但是,如果我们想在本地环境中创建一个主题,并把它上传到我们的服务器上,那么我们必须把那个主题文件夹压缩并上传到我们的服务器。

如果我们进入WordPress主题选项,那么我们将看到我们的子主题。

如何给子主题添加屏幕截图?

如果你注意到这里,你会发现在我们的子主题中没有屏幕截图。虽然这并不重要。但是,如果我们想显示我们自己的屏幕截图,我们需要在我们的子主题目录中放一张图片,即screenshot.png

激活子主题

在上面的步骤中,我们已经成功地安装了我们的子主题。现在是时候激活我们的子主题了。进入 "外观">"主题",点击 "激活"来应用我们的GeneratePress子主题。如果我们看一下我们主网站的源代码,我们可以看到我们的style.css已经被成功收录。

我们可以在我们的子样式表中添加我们自己的CSS规则来覆盖现有的规则。所以这就是基本的子主题开发教程。在下一个教程中,我们将看到如何使用wp_enqueue_scripts() 来添加我们的自定义脚本,也会检查如何为我们的子主题创建小工具。