秋硕学习笔记 开发 如何开发一款WordPress子主题

如何开发一款WordPress子主题

第 1 步、备份WordPress 网站数据 每当您要对您的网站进行任何重大更改时,我们建议您先备份其所有文件…

第 1 步、备份WordPress 网站数据

每当您要对您的网站进行任何重大更改时,我们建议您先备份其所有文件。 如果您遇到错误,完整的网站备份可以派上用场。 无需花费数小时进行故障排除,您只需将站点恢复到更改之前的状态即可。

第 2 步、为子主题创建一个文件夹

每个 WordPress 主题都有自己的文件夹。 我们导航到wp-content/themes文件夹。 找到与主题(活动和非活动)相对应的文件夹列表。

在主题目录中创建一个新文件夹。 建议以父主题命名,并为其添加–child后缀,如二〇一七的子主题就命名为twentyseventeen-child。

第3步、为子主题创建 style.css 文件

每个主题都有一个样式表或style.css文件。 您可以在其中添加要用于自定义主题的所有 CSS。对于子主题,style.css 文件也是您使用标题声明父主题的地方。

在子主题的目录中创建一个名为style.css的新文件并打开它。 现在复制并粘贴、保存以下代码:

/*
Theme Name:  My Child Theme. Child for Twenty Nineteen.
Theme URI:  https://rachelmccollin.com
Description:  Theme to support tutial. Chsplus tutorild theme for the Twenty Nineteen theme.
Author:  Rachel McCollin
Textdomain:  mccollin
Author URI:  https://rachelmccollin.com/
Template:  twentynineteen
Version:  1.0
License:  GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

让我们通过每一行来确定它们的作用:

  • Theme Name:主题的唯一名称。
  • Theme URI:用户可以在其中找到主题的代码或文档。
  • Description:帮助用户理解主题的描述性文字。
  • Author:你的名字
  • Textdomain:用于国际化。在任何国际化函数中使用文本域作为第二个参数。
  • Author URI:作者的网站。
  • Template:存储父主题的文件夹。使用文件夹名称而不是主题名称。没有这一行,您的主题将无法作为子主题使用。
  • Version:版本号
  • License:许可证,必须是GNU。[关联]
  • License URI:许可证信息的链接。

第 4 步、创建functions.php 文件

在您的子主题文件夹中,添加一个名为functions.php的文件。打开它并添加以下代码:

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

第 5 步、激活子主题

如果您正确设置了子主题的样式表和functions.php 文件,它应该可以使用了。

您可以登录 WordPress 并跳转到外观 → 主题选项卡。 在里面寻找你的新子主题。

单击激活按钮,就是这样。 现在您已准备好开始自定义您的子主题。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。若本站内容侵犯了原著者的合法权益,请联系我们进行处理。本文地址:https://wparticle.cn/1068.html

作者: wordus

记录生活感悟,分享网络资源,交流学习体会,感受美好人生。秋硕学习笔记,记录分享学习、生活、工作、旅游、健身、爱好的个人博客。
返回顶部