在本教程中,我们将检查如何在任何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() 来添加我们的自定义脚本,也会检查如何为我们的子主题创建小工具。