八月
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. 超人 -#21

    首次公开最新出炉的超人logo!!
    最新logo

    闪人!!!!!!!!!! :razz:

  2. Dianso -#22

    这么多js,竟然没用jquery

  3. MOPVHS -#23

    咦,新文章呢?

  4. laowi -#24

    看似简单
    其实挺精致的
    细节做的很好啊

  5. Ray Chow -#25

    我觉得 LazyLoad 的地方太多了……我们这里悲剧的网速要等一段时间

  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: