好了，屁话说完了……

最近其实是在准备期末考试，前两天刚结束。昨天开始在忙活一个WP主题，感觉手生了点，不过我速度还算够快，哈哈。。雏形已经出来了，各位可以围观下，提下意见。http://www.qiqiboy.com/demo

欢迎各位提出对这个新主题的意见、建议，包括配色、页面布局等方面。

主题名字叫“windPaled”。

也许有人对大红的颜色不习惯，我的想法是首页使用大大的鲜明的颜色吸引注意力到推荐栏目，而且我始终认为黑色和那种偏黑的红色是很好的一种搭配，当然，这是我业余者的看法，也许专业学习设计的你会比我更有想法。

欢迎大家配合做下调查(记得先去看过demo了再来做调查，其它意见欢迎留言告知)：

放假了，有了空闲的时间，我的几个插件差不多也该更新了，包括WP RC Reply Ajax、WP Enjoy Reading、WP Ajax Recent posts等，对这些插件都有一些新的想法，不过能否最终付诸实现，还要看我能否稍微勤奋一点了。。。哈哈

其中WP RC Reply Ajax和WP Ajax Recent posts两个插件我也用在windPaled主题上了，效果非常棒，以后我制作主题都会兼容这些插件。如果你也是主题开发者，也欢迎兼容这两个插件，有任何疑问我十分乐意解答。

最后祝明天考研的同学大吉大利。。。。。。

• wordpress主题——SimPaled (36)
• Hello WordPress! (75)
• 博客主题更新 (36)
• 一个首页不应该缺少的两项功能：置顶+日志预告 (40)
• Introduce My Blog Theme For You (30)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/a8

• 2011年09月7日, sinosoho say: 去看看这个WP主题
• 2011年01月27日, 爱惜 say: 新主题哦，现在才发现，嘿嘿
• 2011年01月23日, Dianso say: 我也很久没来了，期待你的插件更新
• 2011年01月20日, 爱惜 say: 感觉那个黄色的日期有点大了。
• 2011年01月19日, 奚少 say: 红色很漂亮！
• 2011年01月18日, 维斯王 say: 还可以，让我想到了 Opera ~
• 2011年01月17日, 阿修 say: 有alan那主题的影子。配色什么的最麻烦
• 2011年01月16日, mice say: 大气 +1

为了尽可能的不给官方审核带来干扰，我去掉了绝大部分的JS效果，也就是说没有那些什么ajax延迟加载，没有各种动态处理，没有头像悬浮信息神马的了。

当然，为了兼容wp 3.0，加入了对自定义菜单的支持。这个东西确实好用，对于公开发布的主题，有了这个确实会方便很多人。

我为什么要整理这个主题？

我之所以想要把这个主题整理出来，主要是为了推销我的插件。比如，我的WP RC Reply AJAX插件，我的WP Enjoy Reading插件，我的WP Ajax Recent Posts 插件，我的WP Ajax RandomPosts 插件。我想通过这个主题，来告诉别人：看，这些插件是这么用的！

具体请看我的demo站——

右边栏分别放置了WP RC Reply AJAX插件，我的WP Enjoy Reading插件，我的WP Ajax Recent Posts 插件，我的WP Ajax RandomPosts 插件。

主题的使用介绍

主题的特性：

没什么特别的，主要是支持四个自定义菜单，分别是页面主体中的导航菜单（最多支持6个一级菜单，支持无限级菜单），右边栏上部的菜单（最多支持两个一级菜单，主要用来防止rss订阅或者微博地址什么的，支持无限级菜单），页面左上角的菜单（若干个一级菜单），页面底部的菜单（最多7个一级菜单，支持无限级菜单）。

底部也可以放置小工具。

我推荐是底部放置四个一级菜单和两个小工具是最好的搭配。

四个自定义菜单位置如下图：

所以，后台你至少要有以下四个菜单：

主题支持三个小工具，default widget里默认带了随机日志和最新日志的小工具，如果你安装了wp rc reply ajax插件的话，还会自动显示最新评论。custom widget可以放置你自己的小工具（default widget里也可以放置你自己的小工具，不过会覆盖主题默认的小工具）。footer widget是底部小工具，这里的小工具是显示在页面底部的，而不是在边栏。

安装此主题还有什么注意的？

推荐安装插件有：

边栏最新评论推荐安装WP RC Reply AJAX，支持ajax翻页，支持ajax边栏回复。

边栏最新日志推荐WP Ajax Recent Posts ，支持more方式无限级ajax查看更多最近文章。

边栏随机日志，推荐WP Ajax RandomPosts ，支持ajax刷新显示另一组随机文章，支持定时刷新，倒计时刷新，全ajax支持。

全站ajax另类主题，推荐安装WP Enjoy Reading，提供全站ajax体验。

以上所有效果可以查看我的demo站。

最后提醒，安装本主题后，请第一时间到后台为主题各部分指定菜单设置。

主题只支持wordpress 3.0。以后会提供向前兼容。

主题下载，请持续关注SimPaled主题专页。

• 【SimPaled篇】Introduce My Blog Theme For You (77)
• 咳、、I’m still here. (48)
• Hello WordPress! (75)
• 博客主题更新 (36)
• 一个首页不应该缺少的两项功能：置顶+日志预告 (40)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/9e

• 2010年11月13日, 奚少 say: 主题很漂亮哦~
• 2010年11月10日, 菠萝 say: 奇奇还在折腾啊！博客成这个样了，哈哈！不错不错。
• 2010年11月4日, abug say: 不错啊
• 2010年11月1日, 有点蓝 say: 期待很久了，必须“持续关注”哈~
• 2010年11月1日, 掌柜的马甲 say: 这个牛,为了推广插件做一个主题
• 2010年10月31日, QiQiBoY say: @winy 特效俺都去掉咯。。。
• 2010年10月31日, QiQiBoY say: @静夜燃香 俺就是为了俺的插件才弄这个主题的嘛。。
• 2010年10月31日, QiQiBoY say: @小邪 右对齐我感觉就更对不齐了。。唉。。

因为我的博客今天是一周年了，有文章为证：

2010年10月18日：《原琪琪boy大杂烩的流量之变》

我是10月11日晚上七八点将www.qiqiboy.com的dns解析从博客大巴撤下的，…

其实我早已记不清自己是何时从博客大巴搬来wordpress的，今天特意去翻了翻前面的文章，发现去年十月份一篇文章提到了我域名DNS解析是从10月11号从博客大巴撤下，解析到了我的主机上。其实，两周前我给主机续费了时，就知道了主机是09年10月11号买的，但是还不确定是不是当时刚买了主机就立刻开始wordpress之旅了。18号的这篇文章看来是确定无疑了。

是的，我wordpress博龄很短，但是收获可不小。

总结一下，大事记：

2009.10 建站

2009.11 开始制作独特风格主题 bluePaled

2009.12 bluePaled上线

2010.03 little wp to twitter插件发布

2010.07 最新主题SimPaled上线

2010.08 WP RC Reply AJAX插件发布

2010.09 Wave Your Theme插件发布，ajaxPaled主题上线测试

2010.10 博客一周年之际，陆续发布了WP Enjoy Reading、WP Ajax Recent Posts、WP Ajax RandomPosts等三个文章效果增强插件。

一年来我都折腾过什么呢？

2009.10 …

2009.11 我大概做了一件惊天动地的事，这事儿到现在我还没做过第二次，那就是进厨房：请看Look ! The 雪梨炖冰糖，我教你做。。~(@^_^@)~

2009.12 我这个月换了新主题，look here 就用这个主题了，不换回老主题了。( ⊙o⊙?)；另外我也折腾了Email输入框处实时显示gravatar头像+email验证+动态信息提醒，还有美味小饼干——cookie实战之结合cookie给最新日志添加论坛式‘new’图标

2010.01 我开始在自己博客上使用cms式首页，这种风格到现在我还在一直使用新版CMS简式首页上线测试ing……，还介绍了WordPress自动获取+调用页面主循环日志中的图片，当然还有一个首页不应该缺少的两项功能：置顶+日志预告，这个也不能忘WordPress主循环控制——精确控制文章列表

2010.02 …

2010.03 我介绍了有关WordPress显示相对日期时间的代码，还分享了同步WordPress日志更新信息到twitter以及这个方法的更新版更新《同步WordPress日志更新信息到twitter》，添加标签信息同步

2010.04 我还是抽空制作了插件发布：little wp to twitter

2010.05 …

2010.06 …

2010.07 我又开始折腾了，我折腾了很多，首先是wordpress无限嵌套的完美解决WordPress嵌套回复的层深问题（无限嵌套）<一>，还有如何通过JS自动处理文中的图片宽高，这个方法我一直在用哦：我是如何处理文章中图片的。想知道我评论框的那么多功能从哪里来的么，你看完这些你也能拥有和我评论框一样强大的功能了：评论框的简单计数器（无需改动模板，附带输入字数限制功能），添加引用按钮——轻松打造属于你的WordPress引用回复功能、为评论框添加文字格式化编辑器、【多彩的评论】：让评论可以插入图片，更改文字大小、颜色、让你的评论框自由粘贴代码、修正关于Ajax comments的一个小问题。还有关于如何创建邮件表单页面的创建一个可设置cookie相关信息的内置Email联系表单；如果你也想要知道wordpress不同页面显示不同的评论数以及楼层的显示，那么这篇文章也许会给你帮助wordpress指定页面评论数+支持分页的楼层显示

2010.08 我继续折腾，期间我修改trackback样式，统一评论外观，也分享了这个修改中的一些涉及到的代码补充《修改trackback样式，统一评论外观》中代码。这期间，我对ajax兴趣逐渐浓厚起来，所以便有了这个博客加入若干Ajax效果。在折腾ajax、延迟加载中，我遇到了页面文档初始化的一些问题，于是查阅文档便有了这篇JavaScript页面文档初始化 window.onload的替代办法；后来，我有了在侧边栏开发ajax即时评论的想法，于是便出现了【效果测试展示篇】Ajax版即时侧边栏评论回复功能，掉了几天大家的胃口，然后又简单的蜻蜓点水般【原理指导篇】无时不在的评论 侧边栏即时回复功能。八月份期间，我的SimPaled主题基本上成型了，于是我将它介绍了给大家【SimPaled篇】Introduce My Blog Theme For You。很哟意思的是，我看到了腾讯微博的头像悬浮显示，于是便仿了下来仿腾讯微博式访客信息悬浮显示（JavaScript & ajax）。基于边栏评论，为了方便大家，我开发了插件发布：边栏最新评论及ajax回复——WP RC Reply AJAX。后来发现wordpress的无限嵌套的邮件回复有问题，于是有了完美解决wordpress无限嵌套<二> 【邮件发送相关问题】。因为SimPaled主题用到了很多延迟加载，所以有同学问我延迟加载怎样实现，于是我分享了自己当时的思路JS延迟加载机制函数(Lazyload)。八月份最后一件事大概要算我在博客中曝光了中文spam里的那些极品好玩的spam吧围观wordpress中文圈内好玩的spam

2010.09 进入九月份，我无聊的几天便折腾了个读者墙，于是有了这两篇我的读者墙展示（附所用JS代码）、读者墙效果【二】- 头像自由拖拽。这个月最激动人心的就是我发布了自己的ajaxPaled主题颠覆你的wordpress体验–ajaxPaled(全站ajax，杂志型布局)。另外本月我也发布了一个主题预览插件，并起了个动感的名字【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）

2010.10 十月份，有些事要结束了。开始，我又就着spam二代的一次“大攻击”，曝光了这些spam二代们：超级无语的新一代中文spam。这个月我发布了【重要更新】WP RC Reply AJAX插件2.0发布，这是一次重大的更新。我还介绍了wlw的一个插件关于windows live writer代码高亮插件——Code Snippet。另一个很重要的更新是，我开放了WP Rc Reply Ajax插件的接口，WP RC Reply AJAX插件开放公用接口，附修改版ajax-comments.js。刚刚不久前，就昨天，我发布了自己的基于ajaxPaled开发的有一个插件【插件发布】WP Enjoy Reading(尽享阅读)。

以上就是我一年来的成果，期间也有过好长一段时间几乎是没碰wordpress，大概就是从10年3月份到6月底这期间，虽然其间还开发了一个插件，但是其实我真的没怎么关注wordpress这块。这段时间博客的流量和alexa排名也是从30W掉到了快70W+。

一年来有没有特别感慨的博友？

有两个人让我非常感慨，一个是我刚接触wordpress时认识的一位博友，whisperer。他貌似在百度空间的博客挺火的，去年暑假来到wordpress后也很快火了一段时间，但是却在wordpress呆了几个月后，又悄无声息的回到了百度空间，消失的无痕无迹。还有一个是我今年6月底又开始折腾起wordpress时，一个叫阿邙的很活跃的博友，也给我留下了很深的印象，但是它却也还是很快的就又消失不见了，仿佛蒸发了般。

当然了，消失的人有很多，但是我印象里很深的就是上面两位了。我也希望他们两个能在什么时候突然又回来，至少他们的博客到目前为止还一直可以打开。

最后还有什么要说的

啥东西都会更新换代，wordpress在更新换代，wordpress使用人群也在更新换代。只是希望所有人能在这个圈子中活的尽量的久些吧，毕竟，我不喜欢两个人熟悉的过程，包括博客间。

其实一年来也认识了很多好朋友，这里就不一一点名了，我脑子不灵光，万一少点了某人，招来对我的小怨恨就不好啦。。。

• 咳、、I’m still here. (48)
• wordpress主题——SimPaled (36)
• 【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏） (70)
• 【SimPaled篇】Introduce My Blog Theme For You (77)
• Social Medias Connect V1.3发布 新增图片同步 (25)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/94

• 2011年09月7日, sinosoho say: 在找建博模板,这个有点不错!
• 2010年10月27日, sell this domain at sedo say: I was going to leave a comment on this blog, then changed my mind. Do you mind me asking what theme theme this is? Is it easy to customize? I Thank You in advance, Felix. I love the feel of your theme. You mind sharing the name of the themeyou are currently using? Thanks a bunch, Joanne.
• 2010年10月13日, insect say: 一周年了啊，恭喜恭喜
• 2010年10月13日, QiQiBoY say: @A.shun 看看、、看看。。还是你这位资深loli控懂得多。。学习了。。
• 2010年10月13日, A.shun say: @QiQiBoY 10月11就是Loli节啊。。。要百科一下了。 哼哼，加上上次的图，种种迹象表明
• 2010年10月13日, IM路人 say: @QiQiBoY 试了很多地方都不行，mail to comments 也不能显示表情图片，感觉是同一个问题，算了，先放一边以后再弄，还是谢谢
• 2010年10月13日, QiQiBoY say: @A.shun 这个日子怎么和loli控关系起来了呢。。。。再说我也不是那啥控。。
• 2010年10月13日, QiQiBoY say: @lostab 是这样的。。。

我感觉我要进入休眠期了。

今天又找了点时间，把ajaxPaled加了个小功能。昨天是将ajaxPaled的ajax调用给进行了封装。

截了三张图，当做ajaxPaled的功能说明。当然，还有很多功能没做，都在构思中，只是，不舒服，开发没效率，先暂缓下来，还有其它事要做。

点击图片貌似可以查看大图。如果无法点击，请手动右键—>查看原图

主题地址在左上角阅读模式处。或者点击右上角衣服图标切换到ajaxPaled主题。右下角的衣服图标也可以切换，密码是123。

• 颠覆你的wordpress体验–ajaxPaled(全站ajax，杂志型布局) (100)
• 【SimPaled篇】Introduce My Blog Theme For You (77)
• 【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏） (70)
• 仿腾讯微博式访客信息悬浮显示（JavaScript & ajax） (107)
• 【原理指导篇】无时不在的评论 侧边栏即时回复功能 (25)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/8s

• 2011年03月27日, 颠覆你的wordpress体验-ajaxPaled(全站ajax，杂志型布局) | 忘川彼岸 say: [...] 有关ajaxPaled的三张截图 (59)中秋最后一天假期的晚上感冒发烧了，一直不舒服，在网上也没怎么露面。现在貌似感冒好了，但是一直没什么精神。 我感觉我要进入休眠期了。 今天又找了点时间，把ajaxPaled加了… [...]
• 2010年10月10日, 百度黑板报 say: 我竟然把评论都挨个看了个遍 无语了
• 2010年10月10日, 百度黑板报 say: 叹为观止^^
• 2010年10月8日, 阿疯 say: 这个主题确实看起来很舒服。
• 2010年10月6日, QiQiBoY say: @球犯 http://www.qiqiboy.com/demo/ 默认主题右边栏的 尽享阅读 链接即是入口地址，当然，目前仅提供基本功能。。慢慢来嘛。。。
• 2010年10月6日, 球犯 say: @QiQiBoY 啊？真的啊 是这个整站的阅读模式吗？
• 2010年10月6日, QiQiBoY say: @球犯 嘿嘿。。我已经将这个做成插件了。。只要愿意，人人都可以这样。。
• 2010年10月6日, 球犯 say: 我觉得你真是把Ajax用到极致了 看得人叹为观止啊。。。。真不敢相信这就个WP主题。。。

目前完成度应该说还不到我计划中的50%，仅仅是实现了无刷新阅读。其实主题很简单，仅仅四个文件：index.php、function.php、base.js、style.css，但是也很复杂，要考虑的问题很多。

因为基于杂志型布局，每一页的文章数目不固定（从一篇到七篇不等），所以如何请求文章数据，如何设置翻页，需要靠率很清楚。这个问题我足足思考了两天，最后终于有了思路。我设定每次请求五页的文章数量，每页的文章数量通过随机数获得，然后五页文章数相加，得到总的文章数。然后通过ajax发送请求，返回json格式数组的数据。然后格式化json数据，按照每页的文章数生成每页的html代码显示。如果这五页用完，需要再次发送请求，返回的json数组与之前的进行合并，再次进行格式化操作。其实这里用到了队列的思想，因为我其实只是一直在维护显示当前所需五页内容的数据，队头和队尾指针就是标记当前json数组中显示在当前五页的开始和结束。

其实这之间还有很多问题要考虑，比如向前翻页等。。

如果你留心，会发现其实翻页时是即时显示的，包括点击文章标题后显示全文内容，这些数据其实都是一次性都请求下来的。一次文章数据请求最多可以请求7*5篇文章，这三十五篇文章都是以json格式存储在一个数组中的，在需要时调用。

点击文章标题进入全文显示时，右侧会显示评论。评论是动态加载的，按由新到旧顺序显示。初始时只加载10条评论，每次点击更多评论，会再加载10条。

暂时还没有做发表评论的功能。因为评论在右边，很窄，不可能显示嵌套模式，所以我在考虑到底还要不要嵌套评论了。如果还要支持嵌套，那么做起来难度就更大了。因为评论全部都是我自己直接从数据库中取得，然后再嵌套通过js格式化后显示的，如果还要嵌套，使用js生成评论就更麻烦了。

最后，透漏一点，这个主题php代码仅仅不超过二百行，JS代码目前已经1600行。我预计整个下来JS估计要写超过三千行了。。。比我现在的SimPaled的js代码还要多。

最后，我还有一点考虑，目前大家可以点击我的博客的左上角的“阅读模式”来进入这一主题模式。为什么我把这个入口地址叫做“阅读模式”呢？因为我觉得其实也可以把这个主题做成一个插件，其实我上面说了php部分仅仅不到二百行，我也没有用任何wordpress的默认循环，一切数据都是直接从数据库中取得，所以基本上已经脱离了wordpress的主题系统结构。将它放入插件目录，后台启用照样是可以用的。而且我觉得它可以作为当前主题的一个特殊模式，就像我目前把它当做“阅读模式”。如果真的这样，那么发表评论部分就不需要做了，呵呵，仅仅用来翻阅文章。

有些细节东西稍微提一下：

1。翻页按钮，每个小圆球代表一页。最左或最右是下一组（下五页）文章链接。

2。完整阅读时文章标题所在部分是可以点击拖动整个文章显示面板的。

3。评论是动态加载，点击“显示更多评论”可以加载未显示的评论。

预览主题，可以从我的博客左上角的“阅读模式”链接进入，或者直接点击此链接http://www.qiqiboy.com/?preview_theme=ajaxPaled

有好的意见、建议，欢迎提出。再次说明，此主题目前未完成，仅仅不到50%，有bug很正常，勿惊。有问题直接点击博客标题返回正常模式即可。

• 有关ajaxPaled的三张截图 (62)
• 【SimPaled篇】Introduce My Blog Theme For You (77)
• 【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏） (70)
• 仿腾讯微博式访客信息悬浮显示（JavaScript & ajax） (107)
• 【原理指导篇】无时不在的评论 侧边栏即时回复功能 (25)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/8l

• 2011年04月17日, 凡明 say: 博主，你好，我一直在找一种适合阅读的插件，因为我本人不会写代码的。我认为别人来博客看你的文章如果内容很好的话是一种享受，但是如果内容很好却因为失败的阅读方式让人的体验很失败，如果能在首页显示文章的一部分，比如开头的或者自定义的，或者摘要。然后如果点击继续阅读，网页很平滑的下拉，而不是打开新页面，就把文章的其他部分呈现，点击标题或者是链接到原文，如果能用上延迟加载就更棒了和下拉时有动画，比如下拉到底了有个反弹的动作。
• 2011年03月30日, 颠覆你的wordpress体验-ajaxPaled(全站ajax，杂志型布局) | 忘川彼岸 say: [...] 2010年09月26日,学夫子say: 我始终感觉有点乱也，不像博客的风格了 [...]
• 2011年03月27日, 颠覆你的wordpress体验-ajaxPaled(全站ajax，杂志型布局) | 忘川彼岸 say: [...] 2010年09月26日,LOO2Ksay: 这个效果做得真不错 SEO应该有影响吧， 总感觉内容部分的字体太小，行距太小了。 [...]
• 2011年03月19日, QiQiBoY say: @菠萝 http://www.qiqiboy.com/2009/12/30/email-input-box-office-real-time-display-gravatar-picture.html 呵呵
• 2011年03月12日, 菠萝 say: @菠萝这个我试用了，出不来啊。
• 2011年03月11日, 菠萝 say: QiQi，你的主题一向很乱，哈哈！但技术含量很高！评论这里的输入邮箱就自动调用头像功能如何实现？有教程没？没有话，就来个吧，我是代码菜鸟，不懂这些。你写得容易点，我学习学习。
• 2010年12月3日, 优趣 say: @QiQiBoY 太棒了、这个要试试！！
• 2010年12月3日, QiQiBoY say: 优趣 谢谢，我提供了插件http://wordpress.org/extend/plugins/wp-enjoy-reading/

声明：博客顶部仿自微软全球MSN首页(http://www.msn.com)，仅供本人学习研究之用，未用之牟利。

此主题支持CMS式首页与普通文章列表式首页风格。CMS首页绝大部分元素采用ajax方式装载，随浏览器滚动条向下滚动加载(Lazyload)，极大地节省了服务器消耗，也加快了页面载入时间（参考本博首页）。普通文章列表式首页采用ajax动态文章加载，实现首页更多文章的展示而不影响页面大小及载入（参考本博blog页面）。

1. CMS首页的slidershow轮换大图和顶部的“我的作品”中图片也都采用lazyload方式，减少页面下载时大图片请求,从而加快页面文档的装载。
2. CMS首页“最新文章”采用AJax技术，实现无刷新翻页，点击“more”按钮可以更新此部分文章。
3. CMS首页“分类日志”采用lazyload方式，并不随页面初始化装载，而是在浏览器滚动条滚到时才会发出ajax请求装载。每个分类栏目右上角有“more+”按钮，点击可以通过ajax方式实现此分类下文章的翻页浏览。
4. 博客侧边栏的每个栏目都是采用lazyload方式，随滚动条装载。文章评论也是此方式。
5. 边栏的最新评论支持翻页浏览、单条评论查看、即时ajax回复等功能。其中最新文章(recent post)部分支持more无限下滚查看。——注：边栏回复参考《无时不在的评论 侧边栏即时回复功能》
6. 发表评论部分支持隐藏访客、管理员信息，实时显示gravatar头像，输入字数统计等，文本输入框支持系列编辑器，自由粘贴代码。——注：实时头像参考《Email输入框处实时显示gravatar头像+email验证+动态信息提醒》，编辑器参考《为评论框添加文字格式化编辑器》，自由粘贴代码参考《让你的评论框自由粘贴代码》，字数统计参考《评论框的简单计数器（无需改动模板，附带输入字数限制功能）》
7. 评论支持无限级嵌套，评论引用、回复功能。——注：无限嵌套参考《完美解决WordPress嵌套回复的层深问题（无限嵌套）》，引用功能参考《添加引用按钮——轻松打造属于你的WordPress引用回复功能》
8. 原生JS实现ajax发表评论。发表评论无需刷新页面即可在边栏最新评论处显示。
9. 评论支持显示文字颜色、大小，图片、音乐等。——注：参考《让评论可以插入图片，更改文字大小、颜色》
10. 内置搜索支持高亮文字、关键字处截断等。——注：参考《wordpress高亮搜索结果+实现关键字前后截断显示。。。 》
11. 联系页面模板、友情链接模板、留言板模板等。。——注：邮件联系表单参考《创建一个可设置cookie相关信息的内置Email联系表单》
12. 页面智能滑动锚点、内置动画特效类，实现一些动画效果的的简单调用。
13. 图片自动按比例限制大小，自动链接大图。——注：参考《我是如何处理文章中图片的》
14. 主题不依赖任何插件，不依赖jQuery。
15. 后台设置支持。
16. 不支持IE6。不解释。

• wordpress主题——SimPaled (36)
• 有关ajaxPaled的三张截图 (62)
• 【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏） (70)
• 颠覆你的wordpress体验–ajaxPaled(全站ajax，杂志型布局) (100)
• 仿腾讯微博式访客信息悬浮显示（JavaScript & ajax） (107)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/7f

• 2011年03月30日, 颠覆你的wordpress体验-ajaxPaled(全站ajax，杂志型布局) | 忘川彼岸 say: [...] 【SimPaled篇】Introduce My Blog Theme For You (73)声明：博客顶部仿自微软全球MSN首页(http://www.msn.com)，仅供本人学习研究之用，未用之牟利。 此主题支持CMS式首页与普通文章列表式首页风格。CMS首页绝大部分元素采用ajax方式装… [...]
• 2010年10月12日, Hello WordPress! - I'm qiqiboy ! say: [...] 2010.08 我继续折腾，期间我修改trackback样式，统一评论外观，也分享了这个修改中的一些涉及到的代码补充《修改trackback样式，统一评论外观》中代码。这期间，我对ajax兴趣逐渐浓厚起来，所以便有了这个博客加入若干Ajax效果。在折腾ajax、延迟加载中，我遇到了页面文档初始化的一些问题，于是查阅文档便有了这篇JavaScript页面文档初始化 window.onload的替代办法；后来，我有了在侧边栏开发ajax即时评论的想法，于是便出现了【效果测试展示篇】Ajax版即时侧边栏评论回复功能，掉了几天大家的胃口，然后又简单的蜻蜓点水般【原理指导篇】无时不在的评论 侧边栏即时回复功能。八月份期间，我的SimPaled主题基本上成型了，于是我将它介绍了给大家【SimPaled篇】Introduce My Blog Theme For You。很哟意思的是，我看到了腾讯微博的头像悬浮显示，于是便仿了下来仿腾讯微博式访客信息悬浮显示（JavaScript & ajax）。基于边栏评论，为了方便大家，我开发了插件发布：边栏最新评论及ajax回复——WP RC Reply AJAX。后来发现wordpress的无限嵌套的邮件回复有问题，于是有了完美解决wordpress无限嵌套<二> 【邮件发送相关问题】。因为SimPaled主题用到了很多延迟加载，所以有同学问我延迟加载怎样实现，于是我分享了自己当时的思路JS延迟加载机制函数(Lazyload)。八月份最后一件事大概要算我在博客中曝光了中文spam里的那些极品好玩的spam吧围观wordpress中文圈内好玩的spam [...]
• 2010年10月10日, 百度黑板报 say: @久酷 哈哈 不给qiqiboy面子
• 2010年10月10日, 百度黑板报 say: @QiQiBoY 哈哈 有自杀习惯啊 hoho
• 2010年08月31日, QiQiBoY say: @Ray Chow 要不lazyload，悲剧的网速下要等更长时间。。。。
• 2010年08月31日, Ray Chow say: 我觉得 LazyLoad 的地方太多了……我们这里悲剧的网速要等一段时间
• 2010年08月19日, QiQiBoY say: @laowi 呵呵，其实细节处我好多忽略掉的的。。还请多多提意见
• 2010年08月19日, laowi say: 看似简单 其实挺精致的 细节做的很好啊

当然，还有很多小细节问题还没来得及处理，一些页面模板也还是用自上一个主题bluePaled。有空的我会陆续完善。

兼容性方面，面前网站只兼容到IE7，而且对IE7的兼容只用了一个hack。

主要新功能（相比于bluePaled新增加的功能）有：

1. 多级导航菜单
2. 独立首页与blog页面（bluePaled也是）
3. 升级的评论模板，支持reply、quote以及floor楼层显示，支持无限极嵌套

主题制作中页面样式参考了微软的MSN首页，一些WordPress的函数的文档是在WordPress啦翻阅的（我鸟文很烂），页面所用部分JavaScript函数来自mg12，Ajax评论来自willin，站内搜索功能来自google的支持，制作中遇到的一些问题来自多次的百度搜索。

所以感谢以上各位。

另，主题自用，不出售。

欢迎大家帮忙测试各个页面，有不完善的地方欢迎提出修改意见。

泡沫导航条

上一篇/下一篇日志与引用/评论 切换按钮

回复、引用功能

多级导航菜单

首页、独立页面，超大型广告位

• 【SimPaled篇】Introduce My Blog Theme For You (77)
• wordpress主题——SimPaled (36)
• 博客主题更新 (36)
• Introduce My Blog Theme For You (30)
• 就用这个主题了，不换回老主题了。( ⊙o⊙?) (40)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/1b

• 2010年09月15日, Buy Clenbuterol say: You know, the post may be honestly the most excellent on this noteworthy issue. I actually take sides along with your ideas and are going to impatiently look forward to the coming news. Saying appreciate it would not seem acceptable, for your marvelous understanding in your publishing. I most certainly will directly grab your entire feed to stay educated about just about any posts. Good quality writeup as well as a lot achievement with your business enterprise!
• 2010年07月20日, Bee君 say: 感觉首页信息量稍大..而且布局有待进步，已经不错，不过个人感觉上可以更好 哈哈，又一个新主题啦？
• 2010年07月15日, QiQiBoY say: @美国优洛 我用的所有浏览器都是原版。。修改版没用过。。
• 2010年07月15日, 美国优洛 say: @QiQiBoY 我又试了下，原版Chrome没问题，我之前用的是枫树版的chromeplus，看来是那个浏览器的问题
• 2010年07月15日, QiQiBoY say: @美国优洛 汗。。。你的评论进垃圾堆里了，，， IE6下确实是悲剧的，因为我没IE6浏览器，我也懒得hack了。。。但是火狐和chrome可以说是完美的呀。。。。opera首页有一点小问题。。。 你用的chrome哪个版本？是在xp下的chrome？
• 2010年07月14日, 美国优洛 say: 主题很漂亮，目前看了下有以下问题： IE6下彻底杯具 CHROME下导航的下拉菜单错位，导致无法点到子菜单 火狐和OPERA下完全正常
• 2010年07月14日, lifishake say: @QiQiBoY 这么好的网站,当然是在墙外了!
• 2010年07月14日, QiQiBoY say: @Dianso 哈，这个很简单，使用JavaScript的定时器按一定的频率去获取输入框中的值的长度，写入到某个要显示的地方就行了。

msn首页顶部的栏目下方的六个颜色条块，应该不是微软随意设置的。我觉得这个配色非常不错，于是便借来用了。将首页的分类日志部分用六种颜色区分了一下。

据说微软的windows xp系统默认的那个底部任务栏的蓝色是经过大量调研基础上选择的，为的就是尽量符合大多数人的审美，并尽量不引起太多人的反感。所以我觉得微软的msn网站首页的每种配色应该也是很慎重的。

另外原来首页部分字体使用了11px大小字体，但是chrome浏览器windows版从2.X起就已经不支持12px以下大小的字体了，凡是小于12px的都显示为12px。所以首页在chrome下显示有些问题。这次干脆将字体都调大一号，不再应用12px以下的字体设置了。

由于opera浏览器与其它浏览器对字体解释的不一样，我之前应用的字体簇在opera下中文字体无法显示微软雅黑。所以本次也进行了少许修改，使得各大浏览器下的表现尽量一致。

• 一个首页不应该缺少的两项功能：置顶+日志预告 (40)
• Introduce My Blog Theme For You (30)
• 就用这个主题了，不换回老主题了。( ⊙o⊙?) (40)
• 咳、、I’m still here. (48)
• wordpress主题——SimPaled (36)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/44

• 2010年04月12日, QiQiBoY say: @ xiao3 : 呵呵，可能我用的显示器质量比较好，我一直不觉得颜色浅。。。。。不过向我反映次问题的同学已经不少了。。我去将颜色改深点。。
• 2010年04月12日, xiao3 say: 我感觉你的网站阅读起来似乎有一点不太好！就是字体颜色太浅！看得不是非常清楚！
• 2010年03月27日, QiQiBoY say: 感谢反馈
• 2010年03月27日, 郑永 say: 你的header顶部订阅代码有问题，无法订阅。
• 2010年03月26日, QiQiBoY say: @ willin : 是呀。。。我一点点的把中文改成字母。。哈哈。。。。很感谢你提供的ajax-comments...
• 2010年03月26日, willin say: 哈哈! ajax 還用英文版的~
• 2010年03月26日, willin say: 這主題不錯! 很強啊!
• 2010年03月23日, QiQiBoY say: @ 菠萝 : 。。分类显示我就是使用WP_Query查询，请求不同分类的文章。。。。我是这么做的，不知道是否麻烦了。。你需要的话我可以发给你代码

首页是很重要的，它担负着向访客展示网站重要内容，页面导航的作用。对于WP来说，非cms首页一般都是在首页展示最新日志，以列表形式呈现。我们还要考虑seo，像http://www.qiqiboy.com/blog这样的列表形式就会很不利于seo，因为搜索引擎只能抓取文本文字，这样动态加载的列表形式是不能为爬虫正常访问的，所以只能抓取到文章标题。这还不是我要说的，我想说的是，对于WordPress来说，一个首页应该包括的基本内容，不知道其它作主题的人有没考虑到。

第一是文章置顶功能，早期的WP需要插件来实现，但是现在WP在2.7以后都已经内置支持了。所以首页应该有支持置顶文章。如何支持呢？如果是在页面主循环中，要保持置顶文章与其它文章的样式不同，则只需用is_sticky()函数判断，即在主循环

   1: <?php while (have_posts()) : the_post(); ?>

后添加

   1: <?php if(is_sticky()) { ?>

   2: //你的样式

   3: <?php } ?>

在{}中单独定义对置顶文章的样式设定，如标题颜色，如何显示内容（摘要，more截断，全文）等。

一个简单列子

   1: <?php if(have_posts()) : ?><?php while (have_posts()) : the_post(); ?> 

   2:         <div class="post" id="post-<?php the_ID(); ?>">

   3:         <?php if(is_sticky()) : ?>

   4:         <h2><?php _e('[置顶]'); ?><a class="title stickytitle" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

   5:         <?php else : ?>

   6:         <h2><a class="title" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></h2>

   7:         <?php endif; ?>//结束置顶判断

   8:         <?php the_content('Read more...'); ?>

   9:         </div>

  10: <?php endwhile; ?><?php endif; ?> 

例子中对于置顶文章添加了一个class属性 stickytitle ，同时标题前面加上了“[置顶]”表示文字。你不需要关注如何使置顶文章显示在其它文章前面，因为你使用WP默认的主循环它就会自动将置顶文章显示在其它文章前面。

但是，对于有些时候，我们需要将置顶文章显示在页面主循环之外其它位置，不在主循环中展示，这是怎么办？即如何将置顶文章在他处调用？可以用query_posts函数，这个会改写并取代页面的主查询。get_option(‘sticky_posts’)参数返回所有置顶文章的数组形式。

   1: <?php query_posts(array('post__in'=>get_option('sticky_posts'))); ?>

在置顶文章的循环前加上这个，就会只返回置顶文章了。然后剩下的文章，如果要排除指定的文章，则可以在这些文章的循环前加上

   1: <?php query_posts('caller_get_posts=1'); ?>

排除置顶文章。即页面上两处循环，置顶文章循环前加置顶调用参数，其他文章循环前加上面的代码。

说完置顶，还有一个功能我觉得也是不可少的，那就是文章预告功能。即你在后台设定了一篇文章在某个时间自动发布，在首页显示这篇文章的发布信息。如何使用呢，只需新建WP_Query对象查询即可。

   1: <?php $my_query = new WP_Query('post_status=future&amp;order=ASC'); ?>

   2: <?php while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>

   3: //你的循环

   4: <?php endwhile; ?>

这样就可以将预定时间发布的文章的信息调用了。你可以参考主循环，对标题日期等进行样式设定，还可以设置是否显示内容摘要等。

————————————————分割线————————————————————

我是如何处理置顶、文章预告与自然文章的？

在传统的列表形式首页(http://www.qiqiboy.com/blog)，我是将文章预告与站内公告，搜索引擎访客提示等结合在一起的，文章预告会以标题列表形式在站内公告栏处显示。置顶文章则会在标题前加上 [置顶] 标识.对于我刚做的CMS式首页，则将置顶文章、预告文章与主循环与次级循环结合起来，没有置顶和预告文章时，slideshow右边显示最新发布的一篇文章的标题、日期、评论数即截断一定字数的摘要或日志内容，下方的五篇文章则是排除了这篇文章的最近五篇文章。如果有置顶或预告文章，则会在这儿显示置顶或预告的文章。同时，下方的五篇最近日志则只会排除置顶文章（预告文章无需排除）显示最新的文章。

• 博客主题更新 (36)
• 咳、、I’m still here. (48)
• wordpress主题——SimPaled (36)
• WordPress主循环控制——精确控制文章列表 (44)
• Introduce My Blog Theme For You (30)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/27

• 2012年02月2日, 挨踢小茶 say: 不错哦，描述得很详细，回去验证一下。
• 2010年12月9日, QiQiBoY say: 杜撰人生 IE7下存在此bug，困扰我好久了。。一直没解决。。
• 2010年12月9日, 杜撰人生 say: 这个主题似乎有Bug，鼠标放在文章上会使文章部分一片空白。
• 2010年10月12日, Hello WordPress! - I'm qiqiboy ! say: [...] 2010.01 我开始在自己博客上使用cms式首页，这种风格到现在我还在一直使用新版CMS简式首页上线测试ing……，还介绍了WordPress自动获取+调用页面主循环日志中的图片，当然还有一个首页不应该缺少的两项功能：置顶+日志预告，这个也不能忘WordPress主循环控制——精确控制文章列表 [...]
• 2010年10月1日, 许忠成 say: 来学习。
• 2010年02月4日, zealer say: 看了你的代码，已经修改成功
• 2010年01月27日, 土狼妹妹 say: 这个第一次看到收藏了
• 2010年01月13日, 柳城 say: 置顶挺好.. 有空我也来改改..呵

昨天后台设置功能已经做好，将所有的功能都进行了整合，并在后台加入了开关功能。这里主要说一下，详细可看bluePaled进展：增加后台管理面板，有兴趣看看即可。不过后台和那个已经不一样，多了好多其他选项。

后台可设置选项：

• 主页文章列表下方的通知区域，可选择是否显示。如果选择启用这个功能，则可以继续选择一下功能：
  1.是否显示文章预告，即如果你有文章设置预发布，即可在此区域自动通知显示。
  2.是否针对搜索引擎来源访客显示提醒订阅信息（全站页面）。
  3.书写你自定义显示内容
• 文章内页可选择是否显示页面深度导航条，日志底部收藏选项，快捷操作区域等。
• 评论模板可选是否显示评论表情，是否启用邮件通知，是否启用ajax无刷新评论（要启用jQuery选项），是否启用嵌套（关闭WP设置中的嵌套此选项无效）
• 是否启用jQuery。如果选择引入jQuery，则可以选择是否开启自动给文章内图片加上边框，加上加载loading图标，以及其他引入jQuery后加入的小功能（滑动、点击等效果）。
  开启jQuery后，可继续选择：
  1.是否启用lavalamp导航菜单（默认是普通的，无动画效果）
  2.是否启用首页日志Ajax动态加载（开启这项可选是否启用搜索引擎蜘蛛爬虫欺骗，即选择开启欺骗会对抓取网页快照的蜘蛛显示‘more’截断式首页。会不会被K，我就不知道咯）
  3.是否自动给回复时加入@user：，方便以后不用嵌套，启用悬浮时可以正常显示，不破坏样式。
  4.Ajax评论回复
  5.浏览器右上角是否显示信息提醒
  6是否启用伪Ajax链接点击效果，即点击某些链接后将其变为一张loading图片加loading字样，增强用户体验。（此功能在opera中有些许问题，所以屏蔽了opera浏览器。）
• 后台随时随地更改博客标题与描述（方便某些人想让博客标题及description与博客设置的不一样，不用再去麻烦改模板）
• 当然，还有自定义博客feed地址，邮件订阅显示等（不填写邮件订阅地址边栏则会显示默认评论rss。）
• 404页面是否启用悬浮提示。
• 新发表日志是否加上“new”图标，边栏是否显示文章预告。。。等等其它小细节处。。 。。。。。

注：所有功能的开闭只会加载关闭相应的js，不会额外加入无用的js。开启所有功能与关闭所有功能的区别对比请看本站与DEMO的对比。本站当前基本开启所有功能。DEMO处关闭了所有功能（保留文章预发布通知和自动给日志加入边框功能）。

关于首页通知区域的显示内容，优先顺序是搜索来源访客>预发布文章预告>首页自定义内容（首页）/页面深度导航（内页），即是开启搜索来源访客信息显示的话，从搜索进来你博客的人都会看到订阅信息，其它内容则不会显示。如果有预发布文章，则除了搜索进来的访客其他人都会看到预发布日志信息。自定义显示内容则在以上两项不存在情况下显示给所有访客。

说了这么多，貌似又成在推荐主题的了。赶紧说一下开始就要说的吧。

博客首页header标题左边那个圣诞老公公其实是个随机日志按钮，随机点一下就会跳到一篇随机日志。注意，在单篇日志页次按钮链接是当前日志（本来也是要设置随机日志的，但是发现会误导页面深度导航条，所以在日志单页给取消了）。

在我博客找东西还是用搜索吧，搜索托管给了google自定义搜索，比较准确，还可以搜索我在博客大巴博客的内容。

发表评论可以不到日志底部，文章标题下方和文章底部的“leave a comment”链接可以快速发表评论。

任何回复都会发邮件通知被回复人，所以请不要随意回复，恶意回复。

应大家要求，将导航栏的字体颜色修改了下。

欢迎订阅本博客。鼠标滑到边栏最大的那个订阅图标上即会打开快速订阅选项。

欢交换链接。详情移步本站links页面。

请用IE8以上版本浏览器浏览本站。

• 博客主题更新 (36)
• 咳、、I’m still here. (48)
• wordpress主题——SimPaled (36)
• 【SimPaled篇】Introduce My Blog Theme For You (77)
• 一个首页不应该缺少的两项功能：置顶+日志预告 (40)

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自 I'm qiqiboy !

本文地址: http://qiqi.boy.im/1n

• 2011年08月12日, 123 say: 哈哈，
• 2010年08月14日, 【SimPaled篇】Introduce My Blog Theme For You - I'm qiqiboy ! say: [...] 我的习惯是每次开始正式使用一个新主题，就会专门写一篇文章介绍一下，去年12月初使用bluePaled时我就写了一篇《Introduce My Blog Theme For You》，如今过了大半年，我又换上了新主题SimPaled，所以也例行出一文——【SimPaled篇】Introduce My Blog Theme For You，也算是对这一个月来的折腾总结。以下部分转自主题SimPaled的简介页面。 声明：博客顶部仿自微软全球MSN首页(http://www.msn.com)，仅供本人学习研究之用，未用之牟利。 [...]
• 2009年12月21日, hfantasy say: @ QiQiBoY : 找个老婆好过年。
• 2009年12月18日, zwwooooo say: 功能很厉害啊
• 2009年12月18日, QiQiBoY say: @ 吓我一跳 : 恩，确实这样，所以易用和简洁不可双得。。。。自己用还是都静态化了好。。
• 2009年12月18日, 吓我一跳 say: 这样的话 用起来时很方便，要很多语句判断，访问的人数多了服务器就加重了
• 2009年12月17日, QiQiBoY say: @ 先看看 : 哈哈，美一美先。。。
• 2009年12月17日, QiQiBoY say: @ 阿祠 : 刚刚已经证实了一个悲剧，QQ邮箱系统已经把我的发送邮件账号拉入黑名单。。如果是QQ邮箱就收不到了。。。