使用子主题,可以继承父主题的所有功能,同时避免因为直接使用父主题在父主题升级时造成文件丢失的情况。

子主题的创建很简单:

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

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

1
2
3
4
5
6
7
8
9
/*
Theme Name: Twenty Twelve Child (子主题名称,必须)
Theme URI: http://www.**.com (主题url)
Description: Child theme for the Twenty Twelve theme (主题描述)
Author: ** (主题作者)
Author URI: http://www.**.com (作者uri)
Template: twentytwelve (父主题目录名称,必须)
Version: 1.0.0 (版本号)
*/

括号的字要去掉,此时就可以在后台-外观-主题中激活该子主题。

3、自定义css

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*
Theme Name: Twenty Twelve Child
Theme URI: http://www.**.com
Description: Child theme for the Twenty theme
Author: **
Author URI: http://www.**.com
Template: twenty
Version: 1.00
*/
 
@import url("../twenty/style.css");
 
a{
color:green;
}

4、编辑functions.php文件

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

1
2
3
4
5
6
<?php
add_action( 'twenty_credits', 'my_credits' );
function my_credits(){
echo '<span>©2013 **wp All rights reserved.</span> ';
}
?>

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

5、编辑其它文件

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

要点:

1、只需建立一个style.css文件就可以创建一个子主题;

2、使用hook API在functions.php中添加额外的主题功能;

3、要修改哪个文件就在子主题文件夹下建立它的同名文件。

4、父主题的升级不会影响到子主题的文件。

wordpress添加子主题的更多相关文章

  1. wordpress 自己制作子主题 child theme

    使用 WordPress 的子主题(Child Themes)功能快速制作自己的主题 在了解子主题功能之前,先来看一下你在使用 WordPress 的时候是否是这样:不会自己制作主题,只好从网上下载一 ...

  2. WordPress 添加面包屑导航

    所谓面包屑,就是类似这种:首页 > 公司简介 > 发展历史 展示网站树型结构,并让网站访问者随时知道自己所处的位置,方便返回上几级. 将下面的代码添加到主题的 functions.php ...

  3. [转]WordPress“添加媒体”文件时只显示上传到当前文章的附件图片

    使用WordPress的朋友应该都清楚,特别是喜欢图文并茂的网站,肯定离不开的就是WordPress文章编辑页面的“添加媒体”按钮,每次点击就能弹出一个插入多媒体的界面,然后页面默认就会列举加载所有最 ...

  4. 黄聪:如何使用钩子定制WordPress添加媒体界面,去除不需要的元素

    原文:http://www.solagirl.net/customize-wordpress-media-upload-ui.html WordPress编写文章界面的添加媒体按钮允许用户上传多媒体文 ...

  5. 从无到有开发自己的Wordpress博客主题---代码环境准备

    注意这里说的是代码环境准备哦,而不是L(M)AMP运行环境哦,运行环境会在后述文章中在写. 一.在本地初始化git环境并且链接上gitee 1.在gitee上创建一个项目托管你的代码 这个不在赘述,按 ...

  6. 在Sublime TEXT3中添加brogrammer-theme主题配色方案

    喜欢用sublime text3的都知道原配的主题要么就是背景颜色太亮太累眼,要么就是配色太少不便于一眼看出哪有问题.所以在此推荐一个brogrammer-theme的主题,配色非常的全而且添加了扁平 ...

  7. Ext.js添加子组件

    Ext框架提供了很多api,对于不熟悉的人来说,api的释义有时不够明了.最近碰到了添加子组件的需求,特记录下来. 1. 例如,有一个窗体组件: 现在要为其添加一个字段“学校分类”,变成如下所示: 示 ...

  8. 20款时尚的 WordPress 博客主题【免费下载】

    在这篇文章中,我们收集了20款时尚的 WordPress 博客模板.WordPress 作为最流行的博客系统,插件众多,易于扩充功能.安装和使用都非常方便,而且有许多第三方开发的免费模板,安装方式简单 ...

  9. 12款免费的 WordPress 响应式主题下载

    最流行的内容管理系统(WordPress)和最流行的网页设计技术(响应式设计)结合会是什么样的呢?下面这个列表收集了12款响应式的 Wordpress 主题,能够带给你不一样的网站体验. 您可能感兴趣 ...

随机推荐

  1. 安装 SQLManagementStudio_x86_CHS(SQL Server Management Studio) 老提示重启的解决办法

    安装 SQL Server Management Studio(SQLManagementStudio_x86_CHS)时,检测时不通过,提示重启电脑,我以为她安装了什么心软件没有重启:所以重启了电脑 ...

  2. [SAP ABAP开发技术总结]权限对象检查

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  3. SQL判断临时表是否存在

    IF EXISTS(select * from tempdb..sysobjects where id=object_id('tempdb..#tb')) BEGIN DROP TABLE #tb E ...

  4. 序列的方法(str,list,tuple)

    作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 在快速教程中,我们了解了最基本的序列(sequence).回忆一下,序列包含有定值 ...

  5. Python基础学习笔记(十三)异常

    参考资料: 1. <Python基础教程> 2. http://www.runoob.com/python/python-exceptions.html Python用异常对象(excep ...

  6. Linux Shell Bash 带有特殊含义的退出码

    linux在执行完一条命令后,使用 echo $? 会显示上一条命令是否执行成功,相关状态码如下 0为成功 表格 D-1. "保留的"退出码 退出码的值 含义 例子 注释 1 通用 ...

  7. js简介、基本语法、类型转换、变量、运算符、分支语句、循环语句、函数、函数调用

    javascript是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 三个常用对话框 alert("")警告对话框,弹出一个警告对话框 <script> al ...

  8. Jquery中css()方法获取边框长度

    1. JQuery中可以使用css()方法获取块元素的边框宽度,如下: $("divMode").css("border-left-width");//左边框长 ...

  9. MonkeyRunner学习(3)脚本编辑

    除了cmd直接操作手机,也可以编辑好脚本后,运行脚本,一次操作多个脚本命令 a) 新建py格式脚本,如iReader.py b) 编辑脚本 #导入模块 from com.android.monkeyr ...

  10. 下载安装APK

    protected void downloadApk() { //apk下载链接地址,放置apk的所在路径 //1,判断sd卡是否可用,是否挂在上 if(Environment.getExternal ...