低端秀-最近写了个WP主题

2013-05-13 05:08:57 +08:00
 foru17



除了logo要自己修改,其他都根据自己wp自动适应,基本不用硬改源码了。
演示:
本人博客 http://luolei.org/

关键字:
基于bones框架自己design的,杂了点flat UI设计理念在里面
html5+css3+LESS(第一次用LESS来写,菜鸟的我居然都不知道css预处理器!)
瀑布流(使用的是mansory这个插件)
响应式(还要继续完善和优化)
加载性能优化

ps:
话说用sublime写了这个主题后,有大量的缩进,有没有办法可以快速删除的?要不然一行一行删不科学啊。
4899 次点击
所在节点    分享创造
29 条回复
cutehalo
2013-05-13 09:17:32 +08:00
全选 然后shift+tab去除缩进
ryon
2013-05-13 09:33:26 +08:00
楼主也是车友?可以一起约骑,医生建议我要锻炼了。
rove
2013-05-13 09:34:50 +08:00
之前的模板也很不错,支持一个。
1to3
2013-05-13 09:49:10 +08:00
博客不适合这样罗列.不像pinterest,图片瞄一下就知个大概,认知消耗不多,页面尽量呈现多的图片不成问题.博客不一样,要看内容文字,认知消耗多,一个页面这么多个文章,排版就会不是最适合阅读的(例如文章标题高低不一,转换需要视觉跳跃),反而影响我对单个文章的认知时间,最直接的感觉就是,看上去累.
konakona
2013-05-13 09:51:50 +08:00
很多地方的margin不是太理想。
iZr
2013-05-13 09:56:39 +08:00
楼主很能折腾。
1to3
2013-05-13 11:50:20 +08:00
我读了一下你的博客,发现你对瀑布流在博客应用是有思考的.我去查了一下你提到的Zaker和Feedly的视频介绍.从他们产品,我看到的是,他们怎么设计去有效呈现大量的信息.这个瀑布设计,我看到的作者想法就是怎么把瀑布应用到博客.

个人博客和咨询网站在信息量上有巨大区别.假设你好几天才更新博客一篇,首页的三篇文章,就会有两篇是浪费空间的,因为我已经读过了.这两篇多出来的文章,对视觉产生的干扰是不应该的,应该把注意力,注意点引导到有用的信息上(也就是你新更新的文章).你要做成咨询型博客,那这个设计让单个页面提供信息量太少了.

你不清楚你的页面是什么,看的用户是谁,要走向哪里.

总有人要提意见嘛,加油.
guchengf
2013-05-13 11:53:23 +08:00
这种效果是不错,但是我确实也认为这样子的布局不利于阅读体验
foru17
2013-05-13 12:30:15 +08:00
@1to3 谢谢你的建议,这个的确是跟博客形式有关系,瀑布流这种主题更加还是适合摄影类博客。
自己本来是想做纯falt ui的,metro样式,发现那样太拥挤,自己不习惯。
foru17
2013-05-13 13:48:40 +08:00
@ryon 又见到你...你不是在福田么....哪次约下深圳的朋友们,骑到东部海边玩玩去不?又到了去海边玩的季节了。
chemzqm
2013-05-13 14:28:30 +08:00
404了,看样子设计的很赞
shi
2013-05-13 14:30:02 +08:00
不错啊,哪里下?
ryon
2013-05-13 15:21:32 +08:00
@foru17 09年我每周日骑去南澳。。
tension
2013-05-13 15:22:07 +08:00
瀑布流的主题?
foru17
2013-05-13 16:10:15 +08:00
@shi 还有几个功能没弄完,你现在想要么?话说我想自己在VPS搭一个轻量级的下载站,不知道有没有什么现成方案推荐?
botao1
2013-05-13 16:18:30 +08:00
个人博客(如果不是只发图片的话)还是不要选瀑布流了,好不好?
thinkif
2013-05-13 16:38:46 +08:00
更喜欢内容页那个单栏的效果 字体大小也很好
66beta
2013-05-13 16:49:22 +08:00
楼主要压缩HTML代码?
https://code.google.com/p/htmlcompressor/
foru17
2013-05-13 17:00:34 +08:00
@thinkif 下一步,应该就是转到just content的超简约风格了...做这个主题出来也就是玩玩和练练新东西。我现在都好少直接去博客读文章了,基本都是reeder里面直接看,好多网站都把默认字体设置成12px,高分辨率屏幕读起来好累。
内容页那个,是参考了Readability的web端css样式(mac下冬青字体+readablity的那个样式配合读起来很舒服),字体大小、排版,行距都挺适合的。readability的android app阅读体验是我目前见过最好的。
biped
2013-05-13 23:31:33 +08:00
请问楼主,什么是“bones框架”?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/68630

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX