在子主题中,一般有下面几个文件:
- style.css (必须有)
- functions.php (可以有)
- 其他模板文件 (可以有)
- 其他文件 (可以有)
下面我们以创建twentytwelve的子主题为例来写一篇。
1. 新建一个文件夹,文件夹的名字可以任意起,比如91wordpress。在91wordpress文件夹中,新建一个样式文件style.css,键入以下代码:
Crayon-5c891d1f793e5351813318" class="Crayon-Syntax Crayon-theme-classic Crayon-font-monaco Crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouSEOver" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
Crayon-toolbar" data-settings=" mouSEOver overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-title">style.css
Crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">
Crayon-button Crayon-nums-button" title="Toggle Line Numbers">
Crayon-button-icon">
Crayon-button Crayon-plain-button" title="Toggle Plain Code">
Crayon-button-icon">
Crayon-button Crayon-wrap-button" title="Toggle Line Wrap">
Crayon-button-icon">
Crayon-button Crayon-expand-button" title="Expand Code">
Crayon-button-icon">
Crayon-button Crayon-copy-button" title="Copy">
Crayon-button-icon">
Crayon-button Crayon-popup-button" title="Open Code In New Window">
Crayon-language">CSSCrayon-button-icon">
Crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
Crayon-plain-wrap">
解释:前面是一段 CSS 注释,会被 wordpress 系统 识别,必须放在 style.css 的最顶端。这段注释里面包含了 主题的名称、主题地址、描述、作者、作者名称、模板(父主题)、主题版本号等信息。在这些参数里面,只有 Theme Name 和 Template 是必须有的。其中 Template 参数的作用是指定父主题,只有在子主题中使用,在一般的主题中,是没有 Template 这个参数的。后面是使用 @import 导入命令,利用相对目录结构,把父主题的 CSS 文件导入到子主题中,如果父主题中有很多 css 文件,可以多写几行 @import 进行导入。
2. 在91wordpress文件夹中新建functions.PHP文件,在这里你可以定义子主题的一些新功能。比如给主题添加favicon,可以使用下面的代码:
Crayon-5c891d1f793ef440249314" class="Crayon-Syntax Crayon-theme-classic Crayon-font-monaco Crayon-os-pc print-yes notranslate" data-settings=" minimize scroll-mouSEOver" style=" margin-top: 12px; margin-bottom: 12px; font-size: 12px !important; line-height: 15px !important;">
Crayon-toolbar" data-settings=" mouSEOver overlay hide delay" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-title">functions.PHP
Crayon-tools" style="font-size: 12px !important;height: 18px !important; line-height: 18px !important;">Crayon-mixed-highlight" title="Contains Mixed Languages">
Crayon-button Crayon-nums-button" title="Toggle Line Numbers">
Crayon-button-icon">
Crayon-button Crayon-plain-button" title="Toggle Plain Code">
Crayon-button-icon">
Crayon-button Crayon-wrap-button" title="Toggle Line Wrap">
Crayon-button-icon">
Crayon-button Crayon-expand-button" title="Expand Code">
Crayon-button-icon">
Crayon-button Crayon-copy-button" title="Copy">
Crayon-button-icon">
Crayon-button Crayon-popup-button" title="Open Code In New Window">
Crayon-language">PHPCrayon-button-icon">
Crayon-info" style="min-height: 16.8px !important; line-height: 16.8px !important;">
Crayon-plain-wrap">
Crayon-main" style="">Crayon-table">
Crayon-nums " data-settings="show"> | Crayon-code">