黑莓WordPress主题: BerryPress

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

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

berrypress_main
WordPress主题BerryPress预览图

主题简介

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

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

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

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

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

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

berrypress_screen

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

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

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

berrypress_sidebar_menu
侧边栏的手风琴菜单

使用介绍

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

1. 必须的修改

  • 图片方面:找到berrypress/images文件夹里的screen.gifdefault_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的服务器有问题,所以最终没使用,权当分享参考)。

下载地址

berrypress-0.1.zip

《黑莓WordPress主题: BerryPress》有40个想法

  1. WP Pagenavi这个插件。想要页面数字导航就装上,不想要就用装,对主题没影响。
    ——————
    不想用就不用装…少了个字吧? 💡

  2. 看到默默的推荐偷偷过来看看,很清爽的主题,不过好像跟blackberry没啥联系吧!先收藏起来再说 😛

  3. 没有注册gravatar头像的用户却显示一个杈杈的“`显示不了图片!但是后台却能显示gravatar的随即图片…

发表评论

电子邮件地址不会被公开。 必填项已用*标注