在11年底,我在JavaCafe里完成了Overpath的基本框架——也就是现在博客正在使用的这款主题。
Overpath是我第一次自己完全独立制作的主题。不过很遗憾,最终Overpath代码太臃肿,原本重点的pjax又很不稳定,并且由于没有很好的base css framework,整体代码质量都很差。即便视觉上看起来还过得去,内心里还是觉得惨不忍睹。
在Overpath发布之后,陆续有偶然访问的网友询问主题是否可以共享出来。虽然之前Overpath也有托管到Github,但因为处于早期状态,中间也有很多我自己博客的私用字体样式,所以终归是没法用的。
于是在五一期间,我抱着推倒重来的想法,开始了 新⦁博客主题:LifePath 的开发工作。
效果预览:http://playground.xiaolife.com/wordpress/
这是一个全新的基于Reverie/Zurb Foundation的Wordpress博客主题。虽然乍一看外观貌似和Overpath差不多,但由于基础框架的不同,LifePath从一开始就对移动设备有非常好的支持,对新特性的支持也比较到位。
Done Feature:
- 为仍在beta中的Wordpress 3.6构建,支持创建各类日志格式(http://en.support.wordpress.com/posts/post-formats/),并为每种格式的日志都设计了单独的展示样式。
- Overpath风格评论区,自动记忆上次输入的评论身份并显示头像。
- 通过Web font支持emoji(绘文字)的输入与显示,并兼容各系统原生的emoji字体。
- 滚动至底部自动加载下一页,并有tumblr风格的加载动画(非菊花)
- 支持设置custom header,可以上传自定义的logo图与设置文本颜色。
To Do Feature:
Overpath风格的评论区域- Overpath风格的隐藏侧边栏
滚动到底部时自动加载下一页,并随着滚动,修改浏览器地址。- 针对MediaElement.js的video/audio优化
主题的logo image设置- 动画效果
Required/Suggest Plugin:
- Typekit Fonts,好的字体是好的开始。demo站点使用的正文字体是kandal,标题字体是coquette。
Known Bugs:
在iOS safari下,background:cover fixed;不正常。解决方法不明。Solved
© Sid 晓 for Life Journal, 2013. |
文章原始地址
Post tags: