如何手动创建WordPress子主题

WordPress子主题提供给用户更大的自由发挥空间,可以对 WordPress主题进行任意修改,而不会受到程序更新的影响。手动创建WordPress子主题的最低要求是下面两个文件:style.css 和 functions.php文件。

对于新手来说,手动创建子主题比较难,那么使用插件一键创建子主题就更容易了。请移步到 Child Theme WizardChild Theme Configurator 查看。

1、style.css里面存放的是 WordPress主题的 css代码。如果后期要添加自定义 css样式,添加到 style.css中。

使用 Dreamweaver或类似软件创建一个名为 style.css 的文件并添加代码:

/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://www.vpsss.net
Description: Twenty Twenty-One Child is a child theme of Twenty Twenty-One, created by vpsss.net team
Author: vpsss Team
Author URI: https://www.vpsss.net/
Template: Twenty Twenty-One
Version: 1.0.0
Text Domain: Twenty Twenty-One Child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

你要使用自己的实际信息替换冒号后面的内容:

  • Theme Name – 子主题名
  • Theme URI – 主题及文档网站
  • Description – 主题说明
  • Author – 主题作者名字
  • Author URI –主题作者网站
  • Template – 父主题文件夹的名称(要与/wp-content/themes文件夹中的父主题名称相同)。这行非常重要因为子主题靠这一行识别父主题并工作。
  • Version – 子主题版本号。
  • Text Domain – 国际化使用,在模板名末尾加“-child”。
  • License – 保留默认。
  • License URI –保留默认。

这里面只有 Template 这行最关键,其他内容不重要。只要确保正确输入Template 父主题的文件夹名称即可。

2、functions.php

为子主题创建 functions.php文件。建立一个空白 php文件,起名 functions.php,在里面添加以下代码:

/* Function to enqueue stylesheet from parent theme */

function child_enqueue__parent_scripts() {

wp_enqueue_style( ‘parent’, get_template_directory_uri().’/style.css’ );

}

add_action( ‘wp_enqueue_scripts’, ‘child_enqueue__parent_scripts’);

3、把文件上传到 WordPress主题文件夹

把文件上传到 WordPress主题文件夹

把 style.css文件和functions.php文件新主题上传到 WordPress网站。

使用FTP软件(宝塔面板文件功能或者虚拟主机 cPanel面板)连接到主机,定位到站点主题目录 /wp-content/themes/,为子主题创建一个新文件夹。

打比方说父主题文件夹名是 Twenty Twenty-One,子主题文件夹名 Twenty Twenty-One Child。再把 style.css和functions.php文件上传到文件夹​里面。

接下来去 WordPress外观 > 主题,像其他 WordPress主题一样启用子主题,开始设置主题、建站就行了。

文章最后更新时间:2024-06-16 19:03:18某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 Ferry资源网
THE END
喜欢就支持一下吧
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容