使用PHP+AJAX让WordPress动态加载文章的教程

  为什么要动态加载文章?
 
  1. 快速向访客展示页面
 
  文章很容是包含大量文字和多媒体资源 (如: 图片, 视频, 音乐), 加载这些内容需要占用很多的时间。 如果你的页面上存在大量文章, 当访客发现页面久久没有加载完成就感到不耐烦。 这是动态加载文章的主要目的。
 
  2. 让文章列表化
 
  使页面上的文章成为一个列表, 减少页面的空间占用, 访客可以方便的移动到页面下方, 提高旧文章被点击的几率。 并且你可以在页面上放置更多的文章而不用担心页面过长。
 
  为什么不动态加载文章?
 
  1. 对搜索引擎不友好
 
  搜索引擎优化的目的是将有价值的东西尽量多的向搜索爬虫展示, 包括最新的文章内容。 只有标题的文章让爬虫只知道这个文章而不知其文章侧重, 使用 JavaScript 输出的文章内容未必可以被抓取和分析。 这些对 SEO 来说都是不好的。
 
  后来发现, 如果你的网站有固定的文章类型, 没有毕业在文章列表页显示太多文章内容, 表示影响不大。
 
  2. 增加了请求次数
 
  虽然将文章折叠起来, 我们一般还是会想办法向访客显示前面的几篇文章。 这样对用户是友好的, 但是要增加请求的次数和数据库访问的次数。
 
  后来我有选择地显示部分文章内容, 而且不是通过异步加载的方式, 也就是说, 这个问题是可以通过简单的修改解决掉的。
 
  3. 一些插件失效
 
  因为需要自定义方法抓取文章, 如果不添加特殊处理, 很可能令部分 WordPress 插件失效。
 
  可以通过特殊处理解决掉, 以后文章中会提及。
 
  动态加载文章的设计思路
 
  1. 找到页面上所有文章
 
  为每个文章添加一个展开/折叠按钮
 
  2. 向文章添加展开/折叠按钮
 
  点击按钮, 如果文章内容没有加载, 加载并展开文章内容。
 
  点击按钮, 如果文章内容已经加载, 则展开/折叠文章内容。
 
  3. 加载文章内容
 
  将文章的 id 发往后台, 在数据库中找到相应的文章内容并进行格式化, 返回响应显示在页面上。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61690.shtml

张贴在2