Child Theme – 如何创建子主题
289
bp-legacy,post-template-default,single,single-post,postid-289,single-format-standard,bridge-core-1.0.5,woocommerce-no-js,ajax_fade,page_not_loaded,,qode-title-hidden,qode_grid_1300,hide_top_bar_on_mobile_header,qode-content-sidebar-responsive,columns-4,qode-child-theme-ver-1.0.0,qode-theme-ver-18.1,qode-theme-bridge,disabled_footer_bottom,qode_header_in_grid,wpb-js-composer js-comp-ver-6.0.2,vc_responsive,no-js

Child Theme – 如何创建子主题

WordPress博主新手上路

很多新手博主并不了解Child Theme(子主题)的必要性。也许你安装了一个非常精美的WP主题,只是对某些细节设计略有不满,便委托懂Markup的朋友帮忙修改。商用主题每过一段时间都会发布更新(修复漏洞或增强功能)。一旦更新主题,所有设计立即恢复原样,之前所做的修改全部消失。

而Child Theme就是用来保存你对主题所做的各种更改。使用子主题,可以继承父主题的全部功能,同时避免因为直接使用父主题而在主题升级时造成文件丢失的情况。

子主题的创建很简单:

1. 首先在主题文件夹下“wp-content\themes“建立一个文件夹,用来存放子主题的所有文件,例如:enfold-child.

在“后台-外观-主题“选项中启用子主题

2. 在enfold-child文件夹下新建一个“style.css“文件,该文件是必须的。将以下代码粘贴进去:


/*
Theme Name: Enfold Child (子主题名称,必须)
Theme URI: http://www.**.com (主题url)
Description: Child theme for the Enfold theme (主题描述)
Author: ** (主题作者)
Author URI: http://www.**.com (作者uri)
Template: enfold  (父主题目录名称,必须)
Version: 1.0.0 (版本号)
*/

请将括号部分去掉,此时就可在”后台-外观-主题”中激活该子主题。

3.自定义css

子主题不会继承父主题的css样式,也就是说外观布局要重新定义,你可以在style.css文件中自定义,也可以使用@import直接调用父主题的样式,然后再进行修改,示例代码:


/*
Theme Name: Enfold Child
Theme URI: http://www.**.com
Description: Child theme for the Enfold theme
Author: **
Author URI: http://www.**.com
Template: enfold
Version: 1.00
*/


@import url("../enfold/style.css");
a{
color:green;

4.编辑functions.php文件

functions.php文件是用来保存主题的一系列功能函数,建立子主题后,父主题的功能函数会自动调用。如果你需要额外增加函数,则在enfold-child下新建一个functions.php文件,例:在底部添加版权文本

©2017 **WordPress, all rights reserved. ';
}
?>

注意:functions.php文件中的代码不会替换父主题的,它会被额外添加进去。

5.编辑其它文件

在子主题中,除functions.php文件外,其它文件都是完全替换父主题的同名文件。例如你要重新修改footer.php文件,则在enfold-child中新建该文件,将父主题该文件的代码粘贴进去再进行修改。

要点:

1. 只需建立一个style.css文件就可以创建一个子主题;
2. 使用hook API在functions.php中添加额外的主题功能;
3. 要修改哪个文件就在子主题文件夹下建立它的同名文件。
4. 父主题的升级不会影响到子主题的文件。

Tags:
No Comments

Post A Comment