给自己的博客做了一个小清新主题

This topic created in 4956 days ago, the information mentioned may be changed or developed.

以一个wordpress blank theme为框架，自己重新架构了div结构。
传送门
http://luolei.org

1.轻博客风，单栏，sidebar默认隐藏，通过JS调用（还没想好弄什么功能，暂时就没整）
现在越来越觉得，博客重要的是内容+何时的引导（所以我把其他乱七八糟的导航都删掉了）
2.模糊大图背景用了一个叫backstretch的Jq插件
https://github.com/srobbin/jquery-backstretch
3.多说评论+自定义CSS
4.page导航用了一个叫WP page number的插件（也能自定义CSS的）。

bug：
前天windows的笔记本话了，mac无装虚拟机，无法模拟IE，所以IE有点问题。

自定义

博客

插件

19 replies 1970-01-01 08:00:00 +08:00

Air_Mu

Oct 18, 2012

这什么玩意？

CHROME22

foru17

Oct 18, 2012

@Air_Mu 我这边chrome firefox 360 表示都没有遇到这个问题...= =
各种bug啊。

AlloVince

Oct 18, 2012

kindle fire下惨不忍睹

ichigo

Oct 18, 2012

挺好的，赞一个～

foru17

Oct 18, 2012

@AlloVince 我postion和float貌似用乱了，另外木针对移动浏览器设置呢。

qq286735628

Oct 18, 2012

几点建议：

1、文章标题醒目点，与正文好区分

2、.article > .entry { padding: 10px+; }让边上留白多一点，同时这个不需要设置width的，直接用padding和margin控制会灵活些

3、找款小清新的字体替换掉宋体

PS：记得你原来那款主题挺好看的呀

foru17

Oct 18, 2012

@qq286735628 多谢，原来那款是@turing 给我整的，我这次用的一些wp php代码直接也是原来的那个。
浮动属性那些，我还得重新调整，细节还得完善。刚做完，不少bug和css错误呢。

yunwoo

Oct 18, 2012

你们不觉得白底黑字很不舒服吗。。。。

hit9

Oct 18, 2012

nice

MayLava

Oct 18, 2012

楼主的收藏夹有个“和谐”文件夹www
主题挺不错，不过我更喜欢纯色背景。

foru17

Oct 18, 2012

@yunwoo 是纯白和纯黑的配色不何时，更换成不纯的白色和黑色了。
@qq286735628 字体用了
font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",Tahoma,宋体

Air_Mu

Oct 18, 2012

既然要小清新不如试试这样：background: rgba(254, 254, 255, 0.98);

foru17

Oct 18, 2012

@Air_Mu rgba IE内核的不支持这个属性。效果不是很好。

rove

Nov 7, 2012

非常nice！
最近一直在寻找中意的wp主题，苦不得。苦于自己技术乏力，不厚道的问下楼主，这个主题是「独享」的还是「开源」的？

ipconfiger

Nov 7, 2012

求小清新主题

passluo

Nov 7, 2012

@ipconfiger 撞头像的，你好。(>^ω^<)

ipconfiger

Nov 7, 2012

我了个擦

26z

Nov 7, 2012

什么是小清新？轻博客、大背景图？我觉得这都不算吧
“秉承淡雅、自然、朴实、超脱、静谧” via: http://baike.baidu.com/view/3224091.htm
附一个hao123的小清新链接：http://www.hao123.com/xiaoqingxin

作为一个过气的设计师，其实我现在也不知道什么叫小清新了，吐槽而已，勿怪。

jeequ

Nov 21, 2012

我也做了一个清新，简洁的主题 http://jeequ.com