Typecho实现首页循环加载的一种思路

SegmentFault上讨论的一个话题,关于如何[实现index页面的无限加载][1]。

做到index页面的无限加载,基本上考虑的是Ajax了,具体实现上则有两个思路:
1. 自己制作个简单的插件,支持ajax加载文章列表。
2. 在皮肤文件index.php中,做个特殊处理,使用ajax实现内页翻页

第一个方式比较简单,这里不展开说明。这里简单讨论下第二种思路。

假如皮肤文件index.php中的代码如下:




next():)?>

title() ?>

excerpt(200);?>

> 注意:本文所有代码仅作演示,用于说明实现思路,并没有实际调试过。

首先,增加js代码,当页面滚动到最后,或者点击按钮“加载更多”时,ajax方式加载新文章列表。




next():)?>

title() ?>

excerpt(200);?>


>代码说明:点击“加载更多”按钮时,调用`load_more_post`函数,并加载下一页的文章内容。注意加载的url中加了一个`load_type=ajax`参数,用于标示该请求是ajax方式加载。

然后,继续修改`index.php`皮肤文件,增加如下代码:


next():)?>

title() ?>

excerpt(200);?>



汇总`index.php`代码如下:



next():)?>

title() ?>

excerpt(200);?>







next():)?>

title() ?>

excerpt(200);?>


[1]: http://segmentfault.com/q/1010000002771835?_ea=271983

原创文章,作者:admin,如若转载,请注明出处:https://www.typechodev.com/theme/511.html

(0)
上一篇 2015-07-16 上午6:14
下一篇 2015-07-31 上午4:42

相关推荐

  • 模板制作快速入门

    模板制作快速入门相关内容,可参考typecho官方文章即可哈![《模板制作快速入门》][1]![模板制作快速入门.png][2] [1]: http://docs.typecho….

    主题开发 2015-01-31
  • Typecho模板中的Archive.php

    archive,顾名思义,即归档页面,用于展示“文章列表”内容,包括某年月下的文章、搜索结果的文章等等。 基本上,archive.php和index.php都是由Widget_Ar…

    主题开发 2015-01-31
  • Typecho模板的header页面片

    Typecho模板中,一般都会有header.php页面片,用于将页面公共头部抽离出来,减少代码冗余。 ![导航栏.png][1] header页面片中,可以包含html的head…

    主题开发 2015-01-31
  • Typecho按时间归档

    有些时候,我们需要根据时间维度对文章进行归档,或者直接制作时间线(timeline)页,即用于展示博主的点滴。又有时,希望点击文章发布的时间即可直接连接到归档的页面,如发布时间20…

    主题开发 2015-01-31
  • Typecho中调用分类下的文章列表

    可能由于Typecho博客模板布局情况,需要单独调用typecho某一分类目录的文章列表,目前为止,没有找到相关的typecho插件,但找到了实现typecho调用某分类目录文章的…

    主题开发 2015-02-28
  • Widget_Archive常用代码片段收集

    ## 获取某个分类下的文章列表 $category = $this->widget(‘Widget_Archive@category’, ‘pa…

    主题开发 2015-10-31
  • Typecho开启伪静态并隐藏index.php

    >2017年12月更新提醒:本文内容较旧,如果发现配置不可用,请参考:[《常用配置之Apache伪静态》][1] 或者 [《常用配置之Nginx伪静态》][2] —&#…

    主题开发 2015-03-31
  • typecho自定义字段的那些坑儿

    ## 前言 ##前面的文章《[请输入链接描述][1]》和《[请输入链接描述][2]》基本围绕着怎么扩展typecho的能力展开的,特别针对插入文章的时需要注意的要点和事项。这一节文…

    主题开发 2016-11-30
  • Typecho模板开发常用api

    ## 模板头部相关信息输出 $this->keywords(‘_’); //关键词 $this->options->title(); //站点名称 $thi…

    主题开发 2014-12-31
  • [常用代码]Typecho如何实现按时间轴显示文章列表

    现在Typecho的时间轴主题中,基本上都是按照发布日期进行索引,如图。![时间轴主题截图][1] 而如果,我想制作类似的时间轴页面,但又需要按照时间(年份或者月份)进行归档,需要…

    主题开发 2015-02-28

发表评论

您的电子邮箱地址不会被公开。