创建WordPress子主题实现主题定制

每一次定制主题,就需要修改某一主题,而如果选择重新安装这个主题,那么,如果不备份,我们的辛苦就白费了。如果使用子主题的方式定制主题,原主题不需要修改,只需要把需要定制的内容在子主题中设置即可。这样,对于备份是非常有好处的。

下面通过具体的实例分享一下:

1、先安装你打算定制的主题,这里我安装的是arjuna-x主题,其实什么主题都无所谓,但是从功能上看,推荐还是hybrid。

2、在WP的theme目录中建立一个新的目录,目录名就用你的子主题的名字,比如老田定制的就叫arjuna-T了。

3、在arjuna-T中建立一个样式表文件style.css,文件的内容如下:
/*
Theme Name: arjuna-T
Theme URI: http://blog.tianbaoyong.com/
Description: This is a child theme of arjuna-x
Version: 1.0
Author: Baoyong
Author URI: http://blog.tianbaoyong.com/
Template: arjuna-x
*/
以上内容不用过多解释了吧,只要注意template这一行,后面写的就是父主题的名字,这个不能错了。第一行就是子主题的名字。完成这一步,其实,你的主题已经能够使用了,应用一下试试,哈哈,能用是能用了,但是内容是没有样式的。这是因为,你根本就没有定义样式表啊。如果你自己完全重写样式表那就在style.css中写就行了

4、因为是定制主题,我不打算完全重写这个样式表,而是先导入父主题的样式表。@import url(../arjuna-x/style.css);
这时候,刷新页面,发现显示效果完全和父主题一样了。那么,样式的定制,只要在下面继续就是了。
比如,修改背景颜色,
body {background:#666;}
.pageContainer {background:#FFF;}

5、上面说的是样式的定制,那么,页面如何定制呢?其实在上一步中,主题默认使用的页面模板都是父主题的,如果需要自己定制模板,只需要在自己的子主题目录建立同名文件,这样,父主题的模板就不起作用了。例如在首页只显示日志的摘要,不显示文章的内容,只需要建立模板文件,index.php,将父模板的内容复制过来,然后查找到the_content(…),把其修改为the_excerpt(…)即可。

6、下面说说图片的使用,一般来讲样式表引用自己目录中的image目录中的文件,这样,在自己的子主题目录中建立一个image目录,将要使用的图片存储在image中,在子主题的样式表中引用,就可以覆盖父样式表的定义。

总结,目前在子主题目录中就有了三部分内容,样式表、image目录和模板文件。

相关日志:

  1. 给博客添加通栏的sidebar(上)
  2. 主题channel子主题无效的解决办法
  3. WP中给某类型日志添加固定信息
  4. 将WordPress博文同步到其他空间
  5. 免费下载shades-of-blue中文主题

评论已经关闭