WordPress 滚动自动加载分页数据插件

Infinite Scroll 表示无限滚动,目前爆布流网站和部分博客都用到了这种特效,即只要滚动鼠标或浏览器界面往下拉,访客不必点击翻页按钮,网页无需刷新便会自动加载分页数据,对增加用户体验有不低的促进作用。实现自动加载分页,需要懂得 js、Ajax 等相关技术,对于代码盲型的博主显得并不那么简单,因此就有了 WordPress 无限加载数据插件 Infinite Scroll,通过该插件,博主仅需要进行简单的设置,就可实现博客页面的自动翻页效果。

安装教程:

安装插件 Infinite Scroll 后,在博客后台——设置选项卡下会生成 Infinite Scroll 选项,点击进入插件设置面板;
WordPress 滚动自动加载分页数据插件
Content Selector :设置单篇文章层的父层,如下面的代码,文章 div 层的父层便是.main

  1. <div class="main">
  2. <div class="post">
  3. 这是文章
  4. </div>
  5. <div class="post">
  6. 这是文章
  7. </div>
  8. </div>

Navigation Selector :翻页的样式层名称;

Next Selector : 翻页样式和下一页的链接按钮,通常照图片所示输入即可;

Item Selector :单篇文章的样式名称;

设置好上面三项就可以使用了,下面的加载效果或加载样式跟据各自需要设置;

查看演示
咨询客服

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress 实现分页Ajax无限加载功能

2022-4-3 13:46:31

WordPress教程

WordPress 主题集成DPlayer播放M3U8流媒体

2022-4-3 13:47:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索