Wordpress主题二次开发:Rizhuti-v2创建子主题进行个性化定制
如何创建子主题
子主题也可以看做一个单独的主题,它只需要在主题目录里放一个style.css 并在文件里写上一些信息就能生效。
下边是一个清晰的目录结构:
|--wp-content
|--themes (wordpress主题目录)
| |--rizhuti-v2 (日主题V2-父主题目录)
| |--rizhuti-v2-child (日主题V2-子主题目录)
| | |--style.css (必须)
| | |--functions.php (子主题函数)
| | |--(可选部分的模板文件,会覆盖同名的父主题模板文件)
子主题style.css介绍
style.css文件的内容决定了子主题的重要基本信息,下面给大家举一个例子:
/*
Theme Name: rizhuti-v2子主题
Theme URI: https://ritheme.com/
Author: ritheme
Author URI: https://ritheme.com/
Description: rizhuti-v2子主题描述
Template:rizhuti-v2
Version: 1.1.0
*/
代码解释:
- Theme Name(必须):子主题名字
- Theme URI(可选):子主题的页面
- Description(可选):子主题的描述
- Author(可选):子主题作者
- Author URI(可选):子主题作者的网站
- Template(必须):父主题目录名,区分大小写 (rizhuti-v2)
- Version(可选):子主题版本
这一段 CSS 注释,会被 WordPress 识别,必须放在style.css 的最顶端。很明显,这段注释里面包含了 主题名称、主题地址、描述、作者、作者名称、模板(父主题)、主题版本号。在这些参数里面,只有Theme Name 和 Template是必须有的,其中 Template参数的作用,就是指定父主题,是在子主题中用的,要填写父主题目录名。在一般的主题中,是不会有 Template 这个参数的。
新建一个目录为 rizhuti-v2-child 的子主题
新建目录(为方便理解,通过子主题的目录名为“父主题-子主题”,如本例就是rizhuti-v2-child)并且把上面注释写进 style.css 文件中,目录中新建一个functions.php文件,在顶部填入如下代码,用来从父主题中引入完整CSS样式表。
<?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');
登陆 WordPress 后台,找到 主题 选项,就可以看到并且选择这个主题了。