WordPress扩展美化——WordPress子主题的制作说明

wordpress主题中,存在一种美化扩展的方法——子主题,这个不经常用,最初也是通过业界流传较广的站壳网出品的极致RiPro子主题才了解到这个,感觉很好用。于是上网看了下,确实不错,制作简单,方法易懂。

在制作前,先来普及下子主题的概念:

所谓子主题,就是引用另一个主题同时又比被引用的主题优先级高的主题。也就是说当你制作一个子主题,并把子主题链接到相应的父主题上,如果在子主题里有模板文件就会优先使用,子主题里没有模板文件就会继续调用父主题的模板文件(需要注意的是functions.php 除外,如果子主题和父主题都存在 functions.php 函数模板,那么会按先子主题后父主题的顺序同时引入)。

简单来说,子主题也是主题,继承了父主题功能的同时又会覆盖父主题的功能,利用子主题,可以修改和定制父主题,而且不同担心父主题更新导致修改失效,因为子主题一直会存在。一般购买国外的高级主题经常就自带有子主题。

了解了基本知识,接下来看看制作步骤:

子主题也可以看做一个单独的主题,它只需要在主题目录里放一个 style.css 并在文件里写上一些信息就能生效。

下边是一个清晰的目录结构:

  • wp-content
      • themes(主题目录)
        • EndSkin(父主题目录)
        • index.php(必须)
        • style.css(必须)
        • functions.php
        • header.php
        • footer.php
        • (完整的模板)……
      • EndSkin-Child(子主题目录)
        • style.css(必须)
        • functions.php
        • (可选部分的模板文件,会覆盖同名的父主题模板文件)

我们来详细看下style.css文件需要的内容:

style.css 文件的内容决定了子主题的重要基本信息,一般包含以下内容:

/*
Theme Name: Youplay Child
Theme URI: http://themeforest.net/user/_nK/portfolio
Author: nK
Template: youplay
Author URI: http://nkdev.info/
Description: Youplay Child Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: youplay-child
Tags:
*/

代码解释:

  • Theme Name(必须):子主题名字
  • Theme URI(可选):子主题的页面
  • Description(可选):子主题的描述
  • Author(可选):子主题作者
  • Author URI(可选):子主题作者的网站
  • Template(必须):父主题目录名,区分大小写
  • Version(可选):子主题版本

这一段 CSS 注释,会被 WordPress 识别,必须放在 style.css 的最顶端。很明显,这段注释里面包含了 主题名称、主题地址、描述、作者、作者名称、模板(父主题)、主题版本号。在这些参数里面,只有 Theme Name 和 Template 是必须有的,其中 Template 参数的作用,就是指定父主题,是在子主题中用的,要填写父主题目录名。在一般的主题中,是不会有 Template 这个参数的。

新建目录(为方便理解,通过子主题的目录名为“父主题-子主题”,如本例就是youplay-child)并且把上面注释写进 style.css 文件中,登陆 WordPress 后台,找到 主题 选项,就可以看到并且选择这个主题了。

说一下functions.php文件的特殊性:

子主题比较特殊的一个文件是 functions.php,它不会被覆盖,而是按子父主题顺序同时引入,利用 functions.php 这个文件就可以最大化的定制主题,不过需要父主题的配合和以及一定的 WordPress 插件 API 知识。

启用子主题:

经过上边的介绍,相信大家对子主题有了更深入的了解了。启用子主题也是非常简单的,回到WordPress后台的主题页面就可以看到刚才创建的子主题了,启用它即可。

资源来源网络,模板仅供学习,如需商用请购买正版授权

转载请注明出处,谢谢配合!


晨夕阁 » WordPress扩展美化——WordPress子主题的制作说明

发表评论