八月
14

【SimPaled篇】Introduce My Blog Theme For You

我的习惯是每次开始正式使用一个新主题,就会专门写一篇文章介绍一下,去年12月初使用bluePaled时我就写了一篇《Introduce My Blog Theme For You》,如今过了大半年,我又换上了新主题SimPaled,所以也例行出一文——【SimPaled篇】Introduce My Blog Theme For You,也算是对这一个月来的折腾总结。以下部分转自主题SimPaled的简介页面

声明:博客顶部仿自微软全球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。不解释。
本文标签: , , , , , ,

分享

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

这篇文章已经有 77 条评论

Comments (75) Trackbacks (2)
You can leave a response or Trackback this entry .
  1. winy -#1

    sf先

  2. liuqiqi -#2

    好吧,我美美的沙发没了。。。 :cry:

  3. winy -#3

    这个编辑器不像是ajax载入的啊。。我就是伪装下。。

    • QiQiBoY --#1

      @winy
      对呀,伪装的效果,在你那里看到了,所以我也加上了。。 :smile:

    • winy --#2

      @QiQiBoY 我本打算动态载入Js的,发现太复杂了,就弄个伪装的。。。

    • QiQiBoY --#3

      @winy
      额。。这个其实要比more载入要简单吧。。。。。。
      我这里没必要这样做,因为我所有的JS都是打包一起的,所以函数部分其实都已经载入了,只是将调用部分伪装下,加个效果。。

  4. MOPVHS -#4

    伪装的………

  5. Bee君 -#5

    一串串的科研成果啊~

  6. 江流 -#6

    咁就字体有点小。。

  7. 万戈 -#7

    哇,大综合,这篇值得收藏一下,说不定哪天就用上了

    • QiQiBoY --#1

      @万戈
      你也应该把你的每日一文一折腾每过段时间就整理总结一下了。。。。 :sad:

  8. 流年 -#8

    好多好多的东西啊

  9. underone -#9

    唉。。我就是搞不通主题的后台设置…:(~

  10. zwwooooo -#10

    这主题很厉害啊,支持放出下载,哈哈。

    我有个正则方面的请教 :arrow: :怎样去掉一段html里面的第一个标签?我想用replace(),jQ里面。

    例如
    流年 :好多好多的东西啊
    这里面我想去掉第一个a标签(就是去掉“流年”的链接),保留“流年”

  11. 阿邙 -#11

    这个lazyload太牛了

  12. Alan -#12

    最后一点很好 :smile:

  13. 久酷 -#13

    米有下载?

  14. 久酷 -#14

    哈哈 发现了一个语法问题,应该是submit successfully 这样吧, :!:

  15. hzlzh -#15

    咋没有实时显示我的头像?
    首页好多 lazyload 啊,建议把那载入图片换个哟

    • QiQiBoY --#1

      @hzlzh
      实时头像是你在email输入框中输入email后实时显示gravatar头像。。难道是你那会儿网络不好导致的?

  16. hzlzh -#16

    我当然知道这个效果,问题是没有啊

  17. 小邪 -#17

    哇靠,那么多实时载入,你的ajax果然出神入化鸟 ~

  18. mice -#18

    :twisted: 放眼望去各种效果哇…

  19. mice -#19

    话说 仿腾讯微博式访客信息悬浮显示(JavaScript & ajax)这个文章 怎么又删了…还好订阅里面有..慢慢研究..

    • QiQiBoY --#1

      @mice
      嗯。。没弄完就发出去了,你先慢慢看吧,明天修改完了发出来,订阅器里的代码有些错误。。

  20. 超人 -#20

    这文章不错。。 技术全总结了。。 得收藏呀~以后重新折腾皮的时候肯定可以用上超人

    • QiQiBoY --#1

      @超人
      哈哈。。老王卖瓜,自卖自夸,都是我自己的东西。。

    • QiQiBoY --#2

      @超人

      @QiQiBoY 哈哈。。你在ad

      额。。你发自己的靓照也是在ad。。不过貌似地址都贴错了,我给你纠正回来吧。。

    • 超人 --#3

      @QiQiBoY
      没有。。我在为你ad。。 来显示你这个图片效果是多么漂亮。。哈哈 :razz:

  1. Hello 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 [...]

  2. 颠覆你的wordpress体验

    [...] 【SimPaled篇】Introduce My Blog Theme For You (73)声明:博客顶部仿自微软全球MSN首页(http://www.msn.com),仅供本人学习研究之用,未用之牟利。 此主题支持CMS式首页与普通文章列表式首页风格。CMS首页绝大部分元素采用ajax方式装… [...]

Leave a Reply

Hi , say something.

  • :?:
  • :razz:
  • :sad:
  • :evil:
  • :!:
  • :smile:
  • :oops:
  • :grin:
  • :eek:
  • :shock:
  • :???:
  • :cool:
  • :lol:
  • :mad:
  • :twisted:
  • :roll:
  • :wink:
  • :idea:
  • :arrow:
  • :neutral:
  • :cry:
  • :mrgreen: