Elementor怎么对循环进行分页

循环的布局将决定有多少项目出现在循环的任何单页上。如果循环中的条目数量超过了单页所能容纳的数量,则需要定义分页样式。默认情况下,循环不分页,这意味着循环只显示一页的项目。

图片[1]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

确定分页样式 

  1. 选择循环网格
  2. 转到内容选项卡
  3. 打开分页菜单。
  4. 从下拉列表中选择你的分页样式。
图片[2]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

选择分页菜单将页面添加到列表中。

分页样式

分页样式可以分为两种:

  1. 水平滚动,当访问者从一页翻到另一页(或单击以访问特定页面)时,项目一次一页地显示在屏幕上。
  2. 垂直滚动,用户可以上下滚动以一次一页或无限地查看项目。  

以下是可用的分页样式。

书本式分页样式

  • None:默认情况下,仅显示一页项目
  • Numbers:将显示循环中所有页面的编号,允许用户选择要访问的页面。
    • 可以使用Page Limit来限制访问者可访问的页面数量,并减少使用Shorten列出的页面数量。
图片[3]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

这是为页面编号的一种选项

  • 上一页/下一页:如果想鼓励用户翻阅您的条目,可以使用上一页和下一页按钮,以便他们一次一页浏览条目。
    • 可以自定义上一个下一个标签。
图片[4]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

上一页和下一页是帮助访问者翻阅您的列表的好方法。

  • 数字 + 上一页/下一页– 允许访问者跳转到特定页面或上一页或下一页。 

滚动分页

  • 单击时加载:如果希望用户一次查看一页内容,但使用垂直滚动,则可以使用单击时加载。这将向用户显示一页内容,并在页面底部有一个可自定义的按钮来加载更多内容。单击此按钮将插入下一页,同时使上一页保持可见。
    • 可以更改按钮的文本和对齐方式。还可以向按钮添加图标并自定义图标的间距。按钮 ID将允许你保存此按钮以供重复使用。 
    • 可以使用“不再发帖消息”为访问者设置一条自定义消息,当他们到达列表末尾时。
图片[5]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

“加载更多”按钮将加载下一页的项目。

  • 无限滚动:为了获得更无缝的体验,无限滚动允许访问者连续向下滚动以查看列表中的新项目。然而,由于新项目需要时间加载,用户的滚动通常会被中断。加载新项目时会显示可自定义的图标。
    • 可以调整微调器图标,并使用“不再发布消息”为访问者设置自定义消息,当他们到达列表末尾时。 

选择页数限制

  • (可选)输入循环中所需的最大页数。

缩短显示页数

注意:只有在选择 “数字 “或 “数字+上一页/下一页 “作为分页样式时才有意义。

如果循环网格包含四个以上页面,可以限制显示的页面数:

图片[6]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

“缩短”开关切换为“是”。  

图片[7]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

分页列表中仅显示四个数字:当前页、后两页和最后一页。 

对齐页码

图片[8]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

选择“左”、“居中”或“右”以在循环的右侧、中心或左侧显示分页。

选择页面加载方式

图片[9]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

当网站访问者到达循环中的新页面时,循环需要重新加载。有两种方法可以做到这一点:

  • 页面重新加载 – 循环重新加载时重新加载整个网页。
  • AJAX – 仅重新加载循环网格小部件。

单独重新加载循环网格

图片[10]-Elementor怎么对循环进行分页-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

默认情况下,如果一个页面上有多个循环网格,所有循环都会刷新到同一页面。例如,如果一个循环包含新闻报道,另一个包含体育报道,当访问者移动到政治循环的第二页时,体育循环将自动刷新到第二页。

  • 将“单独分页”切换为“开”以使页面上的所有循环网格单独刷新。

注意:页面上的所有循环网格必须具有相同的 “单独分页 “设置。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容