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

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

查看演示
咨询客服

溫馨提示:

文章標題:WordPress 滚动自动加载分页数据插件

文章連結:https://www.wuyanshuo.cn/668.html

更新時間:2022年4月3日

1、本站所有資源均不添加推廣檔案或浮水印,壓縮包內若有廣告檔案和浮水印請勿輕易相信。

2、本站資源均為兩層壓縮,第一層7z(尾碼若為wys,請自行修改為7z)有解壓密碼; 第二層zip或cbz,無解壓密碼,可直接使用漫畫類軟件程式查看; 詳情可參攷解壓教程

3、本站大部分內容均收集於網絡! 若內容侵犯到您的權益,請發送郵件至:admin#wysacg.top我們將第一時間處理! 資源所需價格並非資源售賣價格,是收集、整理、編輯詳情以及本站運營的適當補貼,並且本站不提供任何免費技術支援。 所有資源僅限於參攷和學習,版權歸原作者所有!

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

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

2022-4-3 13:46:31

建站教程

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

2022-4-3 13:47:39

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