让loostrive主题实现滚动加载文章(瀑布流·真)

loostrive主题经过十几次的版本升级,功能基本上挺完善了。但是还有许多用户不满足,希望增加快捷短代码啦,增加横向文章模式啦,增加滚动加载啦等等。横向文章模式洛米在这里肯定,loostrive主题是不会添加的,这个主题从一开制作的时候就确定是多列的图文杂志模式,需要横向的可以选择其它主题,基本上大部分主题都是横向的,洛米下个主题也是这样。然而其它的功能基本上都能使用插件实现,wordpress这么强大的插件库,干嘛不好好利用呢?今天洛米讲解通过Infinite scroll插件实现loostrive主题的滚动无限加载!

首先在wordpress后台插件项里搜索Infinite scroll安装,安装完毕后进入设置–Infinite scroll对插件进行配置,因为插件为英文,具体配置方法见下图:

让loostrive主题实现滚动加载文章(瀑布流·真) 1让loostrive主题实现滚动加载文章(瀑布流·真) 2

  • 红框里的一定要注意,否则列表不会自动排版。
  • 加载的gif动画可以前往这里去制作自己喜欢的效果http://preloaders.net/

通过以上设置,loostrive主题就实现了滚动加载模式了。

你也可以在样式表里添加#infscr-loading对加载时的位置和样式进行修改。

发表我的评论
:)

Hi,您需要填写昵称和邮箱!
OR
登录 注册

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

网友最新评论15条评论

  • 某甲2014-07-19
    10楼

    好像挺好用的 不过我好像用不到

  • kinyoo2014-05-22
    9楼

    我都6页文章了,字母也没输错。就是无法出效果!

  • kinyoo2014-05-20
    8楼

    毫无效果呀。代码也没写错。

  • 美食屋2014-05-03
    7楼

    好了,可以了,我自己把英文打错了. 屌丝的痛啊....

  • 美食屋2014-05-03
    6楼

    而且插件后台似乎又多了一个选项了

  • 美食屋2014-05-03
    5楼

    试了一下,似乎没有成功,网站首页都还有翻页...

  • eui.cc2014-04-23
    4楼

    按照示例,基本是成功了,但向下滚动的时候,看不到加载的动画和提示信息。。。 不知哪里的问题。。。

    • 作者站长
      洛米2014-04-28

      一可能是样式没有写好,二估计是加载比较快,一闪而过

  • 世纪阳光网2014-04-21
    3楼

    loostrive主题还是很不错的,看起来很清晰,不要弄的太复杂了,图文杂志主题嘛。

  • Appx52014-04-03
    2楼

    怎么没有效果?我试了下没反应啊,求助!!!

    • 作者站长
      洛米2014-04-04

      你文章太少了吧,一页就加载完了,同时还发现了个autoptimize的js错误,不知道是什么插件导致的

  • Appx52014-03-31
    1楼

    的确有许多插件,但是插件许多是外文,屌丝难懂!

    • 作者站长
      洛米2014-04-01

      哈哈,用谷歌自动翻译或者装个有道翻译插件就搞定了,虽然不会很准,但基本意思能看明白