WordPress教程

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

阿里云

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

安装教程:

安装插件 Infinite Scroll 后,在博客后台——设置选项卡下会生成 Infinite Scroll 选项,点击进入插件设置面板;

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 :单篇文章的样式名称;

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

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

已有 359 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!