如何对循环进行分页?

介绍 #

循环的布局将决定有多少项目出现在循环的任何单个页面上。假设您的循环中有更多适合单个页面的项目,您将需要定义分页样式。默认情况下,循环没有分页,这意味着它们只会显示一页项目。 

确定分页样式  #

  1. 选择循环网格
  2. 转到内容选项卡
  3. 打开分页菜单。
  4. 从下拉列表中选择您的分页样式。
分页菜单
选择分页菜单将页面添加到列表中。

分页样式 #

分页样式可以分为两种类型:

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

以下是可用的分页样式。

书型分页样式 #

  • – 默认,仅显示一页项目
  • Numbers – 将显示循环中所有页面的编号,允许用户选择要访问的页面。
    • 您可以使用Page Limit来限制访问者可访问的页面数量,并减少使用Shorten列出的页面数量。
页码
这是为页面编号的一种选择
  • 上一页/下一页– 如果您想鼓励用户翻阅您的条目,您可以使用上一页和下一页按钮,以便他们一次一页地浏览条目。 
    • 您可以自定义上一个下一个标签。
上一个和下一个按钮的示例。
Previous 和 Next 是帮助访问者翻阅您的列表的好方法。
  • 数字 + 上一页/下一页– 允许访问者跳转到特定页面或上一页或下一页。 

滚动分页 #

  • 单击时加载– 如果您希望用户一次查看一页内容,但要垂直滚动,则可以使用单击时加载。这将向用户显示一页内容,页面底部有一个可自定义的按钮以加载更多内容。单击此按钮将插入下一页,同时使上一页可见。
    • 您可以更改按钮的文本和对齐方式。您还可以向按钮添加图标并自定义图标的间距。按钮 ID将允许您保存此按钮以供重复使用。 
    • 您可以使用No More Posts Message为访问者设置自定义消息,当他们到达列表末尾时。
加载更多示例。 按钮
加载更多按钮将加载下一页项目。
  • Infinite Scroll——为了获得更无缝的体验,Infinite Scroll 允许访问者不断向下滚动以查看列表中的新项目。然而,用户滚动经常会被打断,因为新项目需要时间来加载。加载新项目时会显示可自定义的图标。 
    • 您可以使用No More Posts Message调整微调器图标,并在访问者到达列表末尾时为访问者设置自定义消息。 

下一步 #

现在您已经知道如何自定义循环的布局和分页,接下来学习如何自定义循环中出现的项目数量和内容

要充分利用Elementor,请查看Elementor 学院以获得有用的学习资源。如果您遇到任何问题或需要帮助,请联系我们的支持中心

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top