WordPress使用子主题修改主题

有的人需要修改第三方提供的主题时往往都是直接修改主题源文件,但这样做有个问题时升级主题后需要再改回来(如果没有修改记录那会很悲惨),事实上WordPress提供了一个更好的做法,那就是使用子主题修改主题!

什么是子主题?

WordPress子主题也是一个主题,它继承了另一个主题“父主题”的功能,并允许你对父主题的功能进行修改,或者添加新功能。也就是说,你可以通过新建一个主题来修改另外一个主题。

制作子主题

制作一个WordPress子主题比制作一个WordPress主题还要简单,只需要新建一个主题目录,然后在主题目录下新建一个 style.css 文件,并按格式填写主题信息即可。

如:

@charset "UTF-8";
/*
Theme Name: 多梦主题的子主题
Theme URI: http://www.dmeng.net/wordpress-using-child-theme.html
Description: 使用这个子主题修改多梦主题
Author: 多梦
Author URI: http://www.dmeng.net/
Template: dmeng2.0
Version: 0.1
*/

其中 Theme Name 和 Template 是必须的,Theme Name 顾名思义就是主题名称,Template 则是父主题目录名称,这里以 多梦主题 2.0 的目录名称 dmeng2.0 为例。

就这样,新建一个目录(如命名为 dmeng-child)并按照格式创建一个这样的 style.css 后把主题上传到主题目录下,然后在WordPress管理后台的“外观 > 主题”中就可以看到这个子主题了。

当你启用了这个子主题,子主题对父主题的修改马上就能体现出来了。

自定义功能

在子主题目录中创建了style.css 之后,你还可以创建一个 functions.php 来自定义功能,在这个文件里你可以添加你的自定义代码,效果相当于添加在父主题的 functions.php  中。

自定义模板

如果你想添加一个自定义页面模板,直接把页面模板文件放在子主题目录当中即可,然后在后台编辑页面时你就能看到你的自定义页面模板。

除此之外,你还可以直接新建同名模板文件来替换父主题当中的模板,如文章页 single.php ,分类页category.php ,标签页 tag.php 等。

需要注意的是:index.php 在WordPress3.0及以上版本才能被覆盖。

引入CSS/JS

如果父主题是使用 style.css 保存样式表内容的,那你需要在子主题的 style.css 中引入,如:

@import url("../dmeng2.0/style.css");

以上纯属演示,制作子主题时需要注意其中父主题的目录名称。

如果父主题并不是使用 style.css 保存样式表内容的,那则无需以上操作,如果需要引入自定义CSS或者JS文件的,建议使用 wp_head 动作或 wp_footer 动作。

原文链接:WordPress使用子主题修改主题

声明: 未经本站许可,谢绝转载!

0 个主题帖 其中:热心观众:0 个, 管理员:0 个

抱歉,评论被关闭