Web前端: 黑莓WordPress主题: BerryPress

2011年8月29日星期一

黑莓WordPress主题: BerryPress

07年10月时的一个灵感，这两天抽空制成了WP主题成品。黑莓 wordpress主题: BerryPress。灵感来源于黑莓7230，准确的说，是来源于黑莓7230和它的Vodafone主题: net_rim_theme_120.cod。

很久没用我那7230了，尽管它一直贼坚钢，无数次摔打后依然英雄不倒。这个主题算是又一次怀旧吧。

berrypress main 黑莓WordPress主题: BerryPress

wordpress主题BerryPress预览图

主题简介

两栏，布局居左，不支持Widget。这个WordPress主题的设计重点是侧边栏，重点介绍一下。

首先，顶部是一个模拟黑莓界面效果的Widget。安置了JS动态时钟，Feedsky订阅数图标，以手机信号强度来显示PR图标，解锁功能，屏保，和一个黑莓键盘风格的日历。

几乎很少见到有博客放日历，但除了日历，我还真想不到其它更适合来模拟这个效果的。

PR值是以信号强度来显示，0-5格信号，分别显示PR值0-5。如果>5，也显示5格。如果不能返回PR值，则显示SOS。

主题侧边栏顶部 - 黑莓风格的界面效果

屏幕这里弄了两个效果，一个是页面加载时的，另一个时屏幕解锁后，显示一组LifeStream图标。

berrypress screen 黑莓WordPress主题: BerryPress

再下来是一个手风琴菜单，且在不同页面展示不同的Widget：

在首页，展开上面的黑莓日历键盘
在分类页，展开Widget分类列表
在Tag页，展示Widget标签云
在文章页, 展开最新文章
在Page页，展开Page导航
在搜索页，展开随机文章
其它都默认收缩起来

还不够智能和友好，以后有必要的话又再加强。

berrypress sidebar menu 黑莓WordPress主题: BerryPress

侧边栏的手风琴菜单

使用介绍

由于不支持Widget，且没制作主题选项，所以如果你想使用这个WordPress主题，需要做一些简单的修改。

1. 必须的修改

图片方面：找到berrypress/images文件夹里的screen.gif和default_avatar.gif，前者是待机屏保图片，后者是留言区的默认头像。你如果不想改，我并不介意
LifeStream模块: 打开berrypress/includes文件夹里的lifestream.php文件，修改你参与的对应的社会化网站的链接，图标和名字。如果不需要哪个，删了就好，没有的就新增。这需要一些简单的html代码基础，应该大多数人都能搞定。
Siderbar部份: 打开berrypress/sidebar.php, 找到这句代码
```
<?php include(TEMPLATEPATH. '/includes/lifestream.php'); ?>
```
，这就是调用上面的lifestream.php的代码，如果你不想在这个地方放置社会化图标聚合。把这句删了，输入你想放的代码。比如可以放twitter更新、语录、Flickr幻灯片之类的。
同样在Sidebar.php里面，找到这句
```
<a href="http://feed.paranimage.com" title="Paranimage" ><img src="http://www.feedsky.com/feed/paran/sc/gif" /></a>
```
，换成你自己的链接和图片地址。（注: feedsky后台有订阅统计图标的输出代码，只是它默认的图标是桔色的，我常见得配这个主题不太合适，你可以在获取代码后，把图片URL地址最后的xxx.gif改成gif一般就OK了。）
WP Pagenavi这个插件。想要页面数字导航就装上，不想要就不用装，对主题没影响。

其它基本就没了，有什么问题请留言。

2. 可能的修改

改变布局。整个布局居左，我个人觉得这个主题居左效果更好一些。如果你不习惯，想让它居中。打开berrypress/style.CSS，找到下面这句

/*#header,#footer,#container{margin:0 auto;}*/

把前后的注释/*和*/去掉即可。

侧边栏Widget标题。侧边栏的每个Widget有一个主标题和副标题，其中主标题加进了汉化文件里，副标题没有。所以，如果你是使用中文，那主标题用中文，副标题用英文正合适。但如果你是使用英文，主副标题重复，就不太好看。打开sidebar.php，自己修改一个各自的副标题。因为我也不知道该用什么不同的副标题才好，而不用又不太美观。

3. 二次开发提示

如果是个WP主题修改狂，在使用这个主题的时候，想进行一些修改，或是仅想研究一下该主题的某个部份，下面一些说明可能会对你有所帮助。

本主题的社交网站图标出自narjisnaqvi, 全套共含39个社会化网站图标，多种图片大小，图标下载原地址。
本主题的其它图标基本都是从黑莓7230的Vodafone主题中提取的，但有很多没用到，也许你会需要，原图是PNG格式。下载地址。
因为我不想Hack太多的IE6，所以该主题内含的所有图片，我全转成了gif格式（除了两张用GIF后锯齿很强的我保留了PNG）。所以，如果你常得图片效果不好，请自行下载上面的图标换之。
berrypress/includes里面的几个模块文件分别是pagerank.php(调用显示网站PR值)、recent-comments.php(显示最新留言)、most-commented.php(显示最多留言文章)、lifestream.php(社交网站图标聚合)和feedsky_count_text.php(这个是feedsky订阅数的文本显示方式，但是我在制作的过程中，发现它很容易卡死或拖慢速度，不知道是我的网络有问题，还是Feedsky的服务器有问题，所以最终没使用，权当分享参考)。

Web前端