7分钟。基石

分页

在本文中，我们将向您介绍分页元素，并向您解释它们的用途。

每当我们需要将内容分解为更易于管理的块时，分页就会在网站中以多种不同的方式使用。典型的分页样式通常看起来像下面的例子:

当我们谈到如何呈现更易于管理的大块内容时，想象一下您有一个有数千篇文章的博客- - - - - -一次显示所有这些内容对用户来说(无论是视觉上还是性能上)都是非常困难的。相反，对这些内容进行分页将涉及选择特定数量的文章，以便在用户访问您的博客索引时在任何给定的时间显示。

设置

的设置在Pagination Element的控制组中，你将从输出的一些基本呈现方面开始:

虽然这一组中的大多数控件都相当简单(例如基本字体大小、宽度等)，但特别注意的控件包括:

隐藏#的断点 - - - - - -这里选择的断点是分页元素(包括点)的编号输出将消失的时候。根据您希望事物的响应方式来设置这一点非常重要。例如，如果您只有几页的帖子，您可能可以选择SM选项，让他们隐藏比博客有成千上万的帖子。或者，如果希望永久隐藏所有断点上的数字，则可以选择XL断点，以便只显示上一个/下一个按钮。最后，如果完全取消选择此控件，则将在所有断点上保持数字可见，这对于某些模式可能是可取的。
结束＆中#计数 - - - - - -这些输入允许您指定输出的某些部分应该显示多少页码。的结束计数是在点和上/下按钮之间应该出现多少数字。的中数每边应该出现多少个数字”当前的”项。
证明 - - - - - -使用flexbox对齐将分页元素中的数字水平定位。尝试不同的值，看看哪个选项最适合您想要的输出。

的项目设置控制组包含一些有用的控件，用于操作分页元素中每个单独项目(如数字、点、上/下)的输出。

差距 - - - - - -Gap控件指定分页元素中项之间的水平和垂直间距。
成长 - - - - - -选中之后，Pagination Element中的项将会增长以填满所有可用的空间。这可以帮助隐藏所有的数字/点，你希望有前一个/下一个链接有一个分割布局。下面是一个在数字和圆点仍然存在的情况下启用的示例:

的目前,点,而且上/下所有覆盖分页元素中项的默认设置的特征颜色控件。的当前的从用户体验的角度来看，区分当前页面的样式是很重要的;然而,点而且上/下控制组是根据你的样式偏好来选择的:

使点而且上/下对照组会像下面的例子一样修改默认的Pagination Element样式，当然也可以根据自己的设计进行修改:

的分页注释元素是在WordPress注释设置为分页时使用的。这可以在WordPress管理区域通过设置 →讨论 →其他注释设置然后找到以。开始的复选框”将注释分成页面.．.”在这里，您可以设置每个页面应该出现的顶级评论的数量，以及它们显示的总体顺序。

的分页Posts元素是与Pro一起使用＇的布局构建器”存档”分配给博客索引或分类归档的布局。这个元素允许用户根据您在安装中显示的每个页面的贴子数来访问您博客的后续页面。要调整此设置，请转到设置 →阅读 →最多只显示博客页面，并设置相应的值。

与Pagination Posts元素非常类似分页产品元素188金宝搏官网登录-首页是与Pro一起使用＇类的布局构建器”WC存档”WooCommerce的布局，分配给商店索引或产品分类归档。

简要说明一下后导航元素:这个元素使用了与分页元素完全相同的样式选项，除了隐藏#的断点而且结束＆中#计数控件，因为它们不适用而被删除。

Post导航元素也不同于一般的分页，因为Post导航元素是指在单一视图(如博客文章、WooCommerce产品等)中导航到当前文章类型中的上一篇/下一篇文章。

要查看分页/后导航变化的现场演示，请参见下面:

看到不准确的地方了吗?让我们知道