知更鸟 » Themes

简洁大方的网页设计风格似乎是一种新趋势，很多WordPress爱好者也非常喜欢这种纯用CSS无图片打造的轻快主题，一定程度上会提高博客的打开速度，虽然个人认为这种风格对纯以文字为主的博客会很有效，但当文章中插入图片后效果也就微乎其微了。当然以最小资源加载却可以实现简洁大方的设计风格还是值得推荐的。下面20款纯以CSS打造的WordPress主题正体现了简洁大方的设计趋势。大部分都是免费的，喜欢简洁大方风格的朋友不容错过。

WordPress主题PS设计图制作过程

知更鸟 — Wed, 14 Apr 2010 07:03:03 +0000

在这个教程,我将给大家演示如何制作简洁优雅的WordPress主题.虽然只是使用简单的技术,但我保证你能创建一个极好的 WordPress主题.

新建宽度为960像素,高度为1200像素的文档.背景层双击>图层样式>渐变叠加,渐变颜色从左到右分别是#91a2b4,#6a7f94.

用圆角矩形工具新建2个图形.第一个在顶部填充白色.在这里我将放置WordPress主题的头部,以及网站的主体部分.第二个放在底部,你可以用于放置小工具,或者其他细节.

下一步选择白色图形,然后按下CTRL+J键复制图形.最后再新复制图层上击右键>栅格化图层.栅格化图层之后选择>载入选区.我们将删除图形的下半部分.需要用到矩形选区工具.按住Alt键在上面提到的选区下面拉一个选区,你将会看到一个”-”符号当你按住Alt键不放的时候.这个符号表示你将减去激活图层的选区.

下一步点击编辑菜单里面的选择>修改>收缩,收缩值介乎3到5个像素.点击确定你将会看到比原来更小的选区.

创建一个新的图层(按下CTRL+SHIFT+ALT+N),载入.随便使用填充工具填充选区.然后按下CTRL+D取消选择.如下设置图层样式.

到目前为止的结果.

按照相同的方式切割另一个图形,如下放置页面上.

其实这个图形的样式跟上面那个是一样的,不过渐变颜色稍微更改了一下.

用矩形工具在右边创建新的图形.

图层样式跟教程第一个的图层样式一样,然后使用钢笔工具在下面勾出阴影.

在阴影上面选择滤镜>模糊>高斯模糊,调整模糊半径为6.0,然后我吧图层的透明度减少到40%,下面是我目前为止的结果,我创建了一个漂亮和光滑的阴影.

在黑色区域,我放置了一些文字和另外的图行.在右边部分我放进去一张图片.

在这里我将图层放大到400%,然后使用钢笔工具勾出简单的三角形.确保图片在背景层上面.

使用横向排版工具,在WordPress主题中添加文字内容.

右边制作广告区域.

下面的图片你会看的帖子和侧边栏中间有一条线.线所使用的正是线条工具.使用相同的工具,在帖子间画出一条线,这次我将会格式化线所在图层,然后用橡皮擦工具擦除左右两边部分.

最后再页脚和底部添加文字.在增加9个按钮.我想我已经完成教程.这只是非常简单的教程,用到的不外乎一些基本的技巧.我希望你你使用这些技巧去完成更为复杂的WordPress主题.

我的最终结果. 请点击图片看整体布局.

为WordPress主题添加"网页加载中"特效

知更鸟 — Fri, 09 Apr 2010 16:10:19 +0000

为了加强浏览者的体验,不在等待页面加载时感到枯燥，从而关闭网页，很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程，加载完成后提示消失，大部分都应用在网站的首页，今天我教大家把这一特效添加到Wordpress主题中。要实现该特效同样要用到jquery，如果大家和我目前用的主题一样，为了实现其它特效已提前加载了jquery，那么正好充分利用jquery的强大功能，添加此特效何乐而不为呢？当然仅仅为了实现这个特效，而去加载50几K的jquery就有点得不偿失了。
实现方法：

打开header.php模板文件

第一步：加载jquery.min.js

外链接格式：

内链格式：

第二步：在前添加一段JS代码

第三步：在后添加显示效果样式

页面载入中,请稍后...

图片大小格式不限，不加图片也可以，到此该特效添加完毕，具体效果可以看我的博客。

本站HotNews主题升级为2.0专业版

知更鸟 — Sat, 27 Feb 2010 16:11:45 +0000

　　所谓HotNews专业版，就是添加了主题后台控制面板，方便各部分模块显示调用，不需要手动修改模板文件了，可以在后台控制各部分功能。

　　为此，在保持整体布局的前提下，重写了主题页面结构，在原主题基础上，增加了对各部分分类文章调用的控制，以及分类图标功能、广告位、统计代码添加、feed订阅、默认Gravatar头像等的后台控制，虽然还有部分功能没有完全控制，还需手动修改模板文件，但不修改也不会影响正常使用。新版主题基本具备了很多需要插件才能实现的功能，比如评论最多文章、最近评论、随机文章、相关文章等。并且对主题评论部分函数代码全部推翻重写，具备了隔行变色功能，模仿Apple网站标志性的导航部分图片，采用PNG透明图片，增加了投影效果，更加逼真、更加美观。感觉修改主题最让人挠头的就是评论部分，实在不容易控制。另外在此主题基础上准备制作一个通用版的，并取消用timthumb.php控制缩略图，因为这一函数无法使用外链图片，不是很实用。这个通用版可能更适合大众使用。

国人原创主题汇集

知更鸟 — Fri, 08 Jan 2010 14:08:00 +0000

◇目前 WordPress 已经成为主流的 Blog 搭建平台，插件众多，易于扩充功能，安装和使用都非常方便，在国内拥有大批的FANS。
◇之所以有众多FANS的拥护，个人认为很大程度来源于WordPress数以万计风格各异的主题模板的吸引，只要你有足够的耐心（因为太多），一定会找到一款适合自己的主题。WordPress Theme 风格模板是世界上的程序里最多的。除了国外众多主题模板外，国内也涌现了大批的主题作者，WordPress主题制作，可以说已从神坛走下，制作 WordPress主题并不需要深入了解和学习PHP，只要简单学习一下HTML、CSS代码知识，在WordPress默认主题或其它免费主题基础上，就可以尝试制作自己的主题了。
◇今天Wopus中文博客平台收集整理的这些国人原创主题，都是WOPUS主题站曾经发表过的主题，并不是国人原创主题的全部，还有很多出色的国人原创主题没有收集到其中，像大家熟知的一些经典国人主题，但从众多的国人原创主题中让我们看到了国内WordPress爱好者技术的长足进步。国人主题大部分都是作者自用主题或曾经用过的主题，经过作者的不断改进，兼容性、易用性、实用性都非常适合国人使用。
◇在这里让我们再次感谢主题作者为广大WordPress FANS提供如此众多和优秀的WordPress主题，也希望有更多的主题设计者不断出现，奉献出更多更精彩的主题，也欢迎大家积极为Wopus中文博客平台投稿，与更多的朋友分享您的快乐！

[阅读详细内容]

圣诞节风格WordPress主题

知更鸟 — Sun, 13 Dec 2009 05:19:16 +0000

圣诞节快到了，特意为各位准备了一份圣诞礼物，就是精选出的九款圣诞节风格WordPress主题，为您的博客也增添圣诞喜庆氛围。这九款都是比较新的圣诞风格主题，虽然还有很多类似风格的主题，但大多数没有什么实用价值或较旧，如果发现还有更好的圣诞风格主题，欢迎您分享给大家！

狂点图片查看圣诞节风格WordPress主题

WPtheme lin

知更鸟 — Fri, 03 Apr 2009 18:07:03 +0000

作者：gao
语言：中文
版本：1.0
类别：杂志型
演示：DEMO

下载：官方下载

主题简介：这款国人的CMS主题，功能强大，充分证明了WP无限的扩展空间，这款主题需要安装5个插件。

ComFy Magazine

知更鸟 — Fri, 03 Apr 2009 17:55:34 +0000

原文：http://silentstreet.net/archives/comfy-magazine-plus-23-chinese-version-update.html

之前发布了 ComFy Magazine Plus 版本，版本号为2.1，目前版本为2.3，并将名称改回了ComFy Magazine。。。不过此次更新问题也很大，去官方下载的用户请注意，有些服务器可能不支持，遇到问题的话，可以下载寂静街的修改版 ^_^

这次更新幅度还是比较大的，虽说汉化方面没增加对少，但由于代码的变动，不得不一一比对，还好之前版本是自己汉化的，比较熟门熟路。最郁闷的是后面的代码修改。。。唉，先介绍下此次更新：

英文版更新内容：

修改了原有代码，更节省资源
将模板gif图片全部替换为png，减少流量
添加了版面左右位置互换功能（不过换的太彻底了，一下子有点晕。。。）
取消了"deluxethemes-library” 插件，直接原生支持
取消了自动更新。。。这个功能没了- - （不过稍后我会做一个，哈哈）

中文版更新内容：

优化前台中文语言
优化模板控制面板中文语言
修改页面横幅时间排列顺序
页尾添加数据库查询代码，方便查看数据链接
优化代码，方便正常人使用。。。（作者是个糊涂虫。。。在自己服务器上架了个多模板设置，结果直接把这套模板搬来了，导致很多正常的服务器无法使用。。。还说我的服务器有问题 >_< 害得我花了一晚上找问题，结果发现只是个低级问题，连错误都算不上。。。我晕啊）
添加自动更新模块，目前只针对中文版，如果作者确定放弃这个功能，我会对多语言版进行更新支持
所有插件都增加了中文语言包，中文Wordpress可直接激活，无需另外上传汉化包

寂静街私人版更新：

添加日志下方收藏按钮
增加"Google Friend Connect"原生侧边栏
去掉横幅处"Home"链接
开启文章分页功能
直接汉化模板，进一步优化中文显示
将回复中的链接颜色由"#ff6000" 改为"#297eb9"，这样看的舒服点

Comfy更新注意事项：

2.1以前版本升级到2.4版，需要先删除原有模板文件夹 /Comfy/
2.1版升级需先停用"deluxethemes-library" 插件，如果依然有问题，删除原有模板文件夹 /Comfy-plus/ 再进行安装
更新前请备份数据库及相关文件

Comfy冷门功能介绍：

Comfy模板内置页面评论，无需安装任何留言插件，只需在建立页面时，将允许评论勾选即可
Comfy模板内置存档页功能（而且内容很详细），只需新建一个页面，并在模板菜单选择"Archives"，无需输入任何内容，保存确定即可

官方介绍 | 官方下载 | ComFy 汉化版下载| DEMO |

WPtheme Insider

知更鸟 — Sun, 22 Mar 2009 18:16:30 +0000

作者：Ahmed Fouad
语言：英文
版本：1.0
类别：杂志型
演示：DEMO

下载: 本站下载 | 纳米盘下载 | 官方下载
主题说明：

一款具有视频、画廊、缩略图以及新闻等多种元素的杂志型主题。

WordPress主题Mac osX 2.03

知更鸟 — Thu, 16 Oct 2008 16:47:26 +0000

在Mac osX2.02基础上，修正了一些BUG，添加了滑动门按钮，主题2.03a和2.03b左侧日志改为通栏，2.03c和2.03d为分栏，首页显示摘要和显示全文共四个版本。建议下载使用新版！经测试，发现独立页面模板下面的动态导航与部分插件有冲突，目前发现与Lightbox和Clean Archives Reloaded两个插件有冲突，如果发现动态导航没有正常显示或提示有错误，可禁用插件试一下。感谢网友aunsen的测试。

作者：Zming
语言：中文
版本：2.03
类别：杂志型
演示：DEMO

下载：Mac osX 2.03a | Mac osX 2.03b | Mac osX 2.03c | Mac osX 2.03d | 纳米盘打包下载

★使用或修改主题，请保留原作者信息，谢谢合作!

所需插件:
1.wp-pagenavi（必须）注：删除或更名插件中的pagenavi-css.css文件。
2.中文工具箱或wp-kit-cn（不是必须，但建议安装）
为了达到最佳效果，建议安装”微软雅黑”字体。
主题包中包含LOGO源文件。

使用说明:
★首页日志摘要自定义图片添加方法:(1)发表日志时在自定义字段左侧输入small,右侧输入图片链接地址;(2)左侧输入link,右侧输入日志链接地址,点击图片就可以查看全文了.
★顶部幻灯:将主题包中的focus.swf文件上传到你的网站,并获取链接地址,打开sads.js文件查找focus.swf(共两个),用获取的链接地址替换.图片大小388×200,请更改自己的图片链接.
★顶部信息模块文字可通过修改about.php文件实现.
★侧边分类模块:是从zEUS的Ipple Ultra主题中直接复制过来的，打开cat-posts.php文件,里面有详细的使用方法，就不再说明。
★需要说明的是，这款主题中Home-index.php、Home-header.php、Home.css三个文件是一个类似欢迎页面的模板文件，可以通过这套模板文件，创建一个具有最新日志列表及日志分类的欢迎引导页面。
☆具体方法：在后台新建一个页面，标题比如：网站首页，内容就不用加了，在下面“页面模板”中选择“Home-index.php”模板文件。发布后，打开就可看到一个只有最新日志及日志分类的页面。可在设置→阅读中将首页设置为这个新建的页面。或直接将Home-index.php更名为 index.php替换原来的主页面模板，可以点击我博客上面的“网站首页”查看具体效果。
☆底部dock动画导航链接，可以通过修改Home-index.php实现。
★另外,还有一个类似留言板的模板文件,使用方法与上边的类似,新建页面后,选择Message.php模板文件即可.

★打开header.php文件,查找

”在此添加代码”

可将此处替换为自己的第三方统计代码,也就是header部分左侧第一个图片的链接.