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

子主题的创建很简单:

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. strange error encountered today in ROS

    I reinstalled my ubuntu system and also ROS. I tested slam_karto package when some strange error cam ...

  2. 基于jQuery的简易瀑布流实现

    <!doctype html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. CSharp Similarities and Differences

    This document lists some basic differences between Nemerle and C# in a terse form. If you know Java ...

  4. springmvc:frameServletBean

    1.httpservlerBean 主要初始化web.xml的init-param参数 2.frameWorkServlet 该类作用 1.applicationConetxt用于配置整体 webap ...

  5. [转载] EXPLAIN执行计划中要重点关注哪些要素

    原文: https://mp.weixin.qq.com/s?__biz=MjM5NzAzMTY4NQ==&mid=400738936&idx=1&sn=2910b4119b9 ...

  6. 半平面交模板(O(n*n)&& O(n*log(n))

    摘自http://blog.csdn.net/accry/article/details/6070621 首先解决问题:什么是半平面? 顾名思义,半平面就是指平面的一半,我们知道,一条直线可以将平面分 ...

  7. JS实现复选框全选全不选以及子复选框带动全选框的选中

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. Webservice接口和Http接口

    WebService又是一种高级应用,与之前学习的Struts.Spring.Hibernate等框架不同.WebService是面向服务的架构(SOA),看起来像是比SSH框架要大.那么它到底是做什 ...

  9. ARPG游戏技能系统设计

    ARPG游戏的技能的前端表现, 主要指的是人物动作和特效表现, 从普遍意义上讲,大致可以分为三个阶段:起手.飞行.碰撞(爆炸). [特效可见性判断] 1.[attacker & victim] ...

  10. linux笔记:文件编辑器vim

    vim的3种工作模式: 在命令模式下进入插入模式: 定位命令: 删除命令: 复制和剪切命令: 替换和取消命令: 查找和替换命令: 保存和退出命令: 导入命令执行结果和定义快捷键: