为你的Wordpress再加入一个主题样式表
2012-03-26 21:09
162 查看
感谢韩人的投稿
在遥远的俄罗斯,还惦记着Wopus中文平台和国内玩WordPress的朋友。俺们也祝福韩人早点找个俄罗斯的MM!
今天我来给大家分享一个教程,一个主题使用多个样式表,并可以在页面上快速切换,你可能已经见过了这样的主题,如果你还不明白它有什么用处。那么你可以看看下面几个例子。
通过点击页面右上角落上不同颜色的小图,就可以改变主题的配色。
Xplosive Reloaded
Wpdesigner7
在绝大多数的情况下,每一个WordPress主题有一个style.css文件,你可以查看一下自己目前用的主题文件目录下是否有个 style.css。style.css是一个的样式表文件,它定义了主题的颜色,字体,等等等等,如果你不明白CSS是什么,那么你可以看看什么是CSS?它的能做些什么?。通常是在主题的header.php文件里有这样的一段代码。
" type="text/css" media="screen" />
这是代码表示这个主题调用CSS,并且指出了CSS文件的地址。
明白了这些,现在,你需要新建一个CSS文件,根据原先主题的CSS,更改外观或布局。例如,你可以改变颜色的背景,字体,定位工具栏,页眉图像等,(CSS修改不在本文的讨论范围)你新建的CSS文件,将成为你主题的第二个样式表,以供页面上风格切换的调用,你应该为它取个名字,比如 blue.css。我们应该像默认的CSS文件那样,在header.php声明一下,如下面这段代码。
/blue.css" media="screen" title="blue" />
现在,在header.php中声明了blue.css文件的存在,CSS文件也有了,但是,我们暂时没有使用它,它只是个替补,我们采用JavaScript以供页面上样式切换功能的实现。
点击下载styleswitcher.js文件,并将它放在主题目录下
继续编辑header.php,在标签前面加上调用这个js文件的代码:
好了。教程到这里结束了,本文重在讲述的过程,而没有对CSS修改等具体问题进行讨论,有问题,欢迎留言!
英文原文教程地址:http://www.blogohblog.com/integrating-alternative-stylesheets/
在遥远的俄罗斯,还惦记着Wopus中文平台和国内玩WordPress的朋友。俺们也祝福韩人早点找个俄罗斯的MM!
今天我来给大家分享一个教程,一个主题使用多个样式表,并可以在页面上快速切换,你可能已经见过了这样的主题,如果你还不明白它有什么用处。那么你可以看看下面几个例子。
通过点击页面右上角落上不同颜色的小图,就可以改变主题的配色。
Xplosive Reloaded
Wpdesigner7
在绝大多数的情况下,每一个WordPress主题有一个style.css文件,你可以查看一下自己目前用的主题文件目录下是否有个 style.css。style.css是一个的样式表文件,它定义了主题的颜色,字体,等等等等,如果你不明白CSS是什么,那么你可以看看什么是CSS?它的能做些什么?。通常是在主题的header.php文件里有这样的一段代码。
" type="text/css" media="screen" />
这是代码表示这个主题调用CSS,并且指出了CSS文件的地址。
明白了这些,现在,你需要新建一个CSS文件,根据原先主题的CSS,更改外观或布局。例如,你可以改变颜色的背景,字体,定位工具栏,页眉图像等,(CSS修改不在本文的讨论范围)你新建的CSS文件,将成为你主题的第二个样式表,以供页面上风格切换的调用,你应该为它取个名字,比如 blue.css。我们应该像默认的CSS文件那样,在header.php声明一下,如下面这段代码。
/blue.css" media="screen" title="blue" />
现在,在header.php中声明了blue.css文件的存在,CSS文件也有了,但是,我们暂时没有使用它,它只是个替补,我们采用JavaScript以供页面上样式切换功能的实现。
点击下载styleswitcher.js文件,并将它放在主题目录下
继续编辑header.php,在标签前面加上调用这个js文件的代码:
好了。教程到这里结束了,本文重在讲述的过程,而没有对CSS修改等具体问题进行讨论,有问题,欢迎留言!
英文原文教程地址:http://www.blogohblog.com/integrating-alternative-stylesheets/
相关文章推荐
- 快速的新闻 - 一个时尚的和干净的杂志WordPress的主题
- 解决Wordpress只显示一个主题
- wordpress只显示一个主题,解决方案
- 为你推荐Wordpress & Buddy Press 的18个主题应用
- 给phpcms v9加入一个主题radio无线电button,它可反复使用,以创建不同的专题部分内容编辑器,添加一个主题来定义自己的领域
- 又一个Wordpress主题在线制作网站-超强推荐
- WordPress 后台提示”您目前只安装了一个主题,太少了吧!”的解决办法
- WordPress 后台提示”您目前只安装了一个主题,太少了吧!”的解决办法
- wordpress:主题-一个完整的WP主题通常包含以下模板文件
- 为你推荐Wordpress & Buddy Press 的18个主题应用
- 我要用wordpress做一个企业站的主题,并且我真的很想整个的开发过程是我自己的亲历亲为~~~~
- 为你推荐Wordpress & Buddy Press 的18个主题应用
- 创建了一个C#开发windows mobile应用的QQ群64359208,欢迎加入
- 65个漂亮的WordPress博客主题
- myispace.cn 一个以个人和主题为中心的知识、信息沟通管理空间
- StoryBoard 加入一个自定义View
- 16 个免费的效果很棒的 WordPress 主题
- wordpress 主题(3) navigation 侧边栏
- 推荐一个可以往blog里面加入旅行线路图的travel map网站
- 一个阳光小美女的主题