回到所有的课程
课程库

参考领域概述

使用引用字段连接来自不同集合的项。

注意:我们正在向工作区过渡,并且正在更新我们的内容。访问工作区博客欲了解更多有关这些更新和变化,或访问我们的更新了关于参考字段的课程.你也可以了解如何检查您的帐户是否在工作区
这个视频的特点是一个旧的UI。更新版本即将发布!
克隆这个项目

引用字段是一个集合字段,您可以将它添加到您的集合.而不是使用选择字段并从预定义值列表中进行选择,引用字段允许您从另一个集合中的任何项中进行选择。中使用引用项的数据收藏列表而且收藏页面

例如,每篇博客文章都可能有一个作者。如果你编辑一个作者的信息,它将自动更新在博客文章中,因为连接是通过这个引用字段创建的。

共同使用
  • “Blog posts”集合引用“Authors”集合
  • “文章”集合引用“类别”集合
  • “课程”集合引用“课程”集合
引用多个项,则使用多引用字段
在这节课中
  • 创建引用字段
  • 参考项目
  • 在设计中使用引用字段
  • 使用引用字段筛选集合列表
  • 使用引用字段设置条件可见性

创建引用字段

可以将引用字段添加到新的或现有的集合中。在集合设置中,单击新领域然后选择参考字段。

选择要引用的集合

在此字段的设置中,您可以选择希望当前集合引用哪个集合。

其他字段设置

与其他字段一样,您还可以指定标签、帮助文本以及字段是否需要发布。

需要知道
根据您使用的帐户计划的类型,或者您为项目购买的站点计划的类型,每个集合的引用数量是有限的。

所有的免费或付费帐户计划可以有多达5个引用每个集合每个非托管项目。带有CMS或标准电子商务网站计划的项目,每个集合最多可以有5个引用。具有商业、Plus或高级电子商务网站计划的项目,每个集合最多可以有10个引用。

参考项目

将引用字段添加到集合后,就可以进入集合项并为该字段设置值。您可以从引用字段设置中选择的集合中选择任何项。

在设计中使用引用字段

可以从集合页或集合列表中的引用集合中提取数据。可以将字段连接到元素或样式。

连接元素

在Collection列表或Collection页面中添加任何元素时,可以从引用的Collection的任何字段获取该元素的内容。

例如,可以将类别的名称连接到标题元素,将标记的图标连接到图像元素。

连接样式

如果引用的集合有色域或者一个图像领域,您可以使用这些字段为任何元素的背景颜色、边框颜色、文本颜色或背景图像设置样式。

例如,如果类别集合在每个项目上都设置了颜色,那么在博客文章中引用该集合时,可以用该颜色为部分、背景或任何其他元素着色。

使用引用字段筛选集合列表

有三种强大的方法可以使用引用字段来筛选集合列表。对于我们的示例,我们将使用引用“Category”集合的“Blog posts”集合。

  1. 通过引用集合中的特定条目进行筛选(例如,只显示引用特定类别的博客文章)
  2. 根据当前页面的引用进行筛选(例如,显示具有相同类别引用的其他博客文章的列表)
  3. 在被引用的集合页面上通过当前页面的引用进行筛选(例如,在类别集合页面上,显示所有引用该类别的博客文章)
需要知道
仅对连接到具有引用字段的集合的集合列表可用根据引用字段进行筛选。

根据引用集合中的特定项进行筛选

引用字段可用于筛选集合列表,以显示满足筛选规则的特定项。您可能希望创建一个Collection列表,该列表仅显示引用引用集合中的项的项。

根据当前页面的引用进行筛选

可以向Collection页添加Collection列表,并让它只显示与该页的引用项具有相同引用项的项。例如,在您的“Blog posts”集合页面上,您可以显示具有与当前页面引用的相同“类别”的其他“Blog posts”列表。这在显示“相关内容”部分时很常见。为此,向这个集合列表中添加一个筛选器,其中Category参考字段等于当前集合

根据引用的集合页上当前页的引用进行筛选

在上面的示例中,我们在相同的Collection页面上筛选了Collection List,但是您也可以在引用的Collection页面上筛选Collection列表。例如,在“类别”集合页面上,可以显示引用该类别的所有“博客文章”。

为此,添加一个Collection列表并将其连接到“Blog posts”集合。然后,向这个集合列表中添加一个筛选器,其中Category参考字段等于当前集合

了解关于集合列表过滤器的更多信息

使用引用字段设置条件可见性

可以使用引用字段本身或引用集合中的任何字段设置条件可见性,以显示或隐藏集合列表中或集合页面上的单个元素。

你可以在哪里使用这类条件?

这种类型的条件只能在连接到具有引用字段的集合的集合列表中创建,或者只能在此集合的集合模板页上创建。

例如,如果你有一个名为“Events”的集合,它有一个链接到名为“Locations”的集合的引用字段,你可以在以下位置添加基于引用字段“Locations”或这个引用集合中的任何字段的条件:

  • 在连接到“事件”集合的任何集合列表中
  • 在“事件”模板页面

你可以设置什么样的条件?

你可以根据引用字段本身添加以下条件:

  • 当引用字段设置没有设置
  • 当引用字段=不等于一个特定值

您还可以基于引用集合中的特定字段创建条件。的类型取决于的类型收藏领域

示例-基于引用集合中的字段的条件

在本例中,我们有一个连接到“Events”集合的集合列表。这个集合引用一个“Locations”集合。

在这个集合列表中,我们有许多来自“Locations”集合的字段值连接到文本块。我们为想要显示的每个值添加了标签:“City”、“Date”和“Phone”。标签和值的显示设置设置为内联,因此它们并排显示。

现在,让我们为每个标签设置条件可见性,这样它们只在设置值时显示:

  1. 选择一个标签,例如“City”
  2. 添加一个条件设置面板
  3. 从第一个下拉列表中的引用集合中选择字段,对于本例来说就是城市(地点)
  4. 选择设置在第二个下拉列表中

对所有其他标签进行同样的操作。

现在,我们也有一个“地图链接”,我们希望我们的用户通过点击城市名访问。为了做到这一点,我们使用文字链接把文本从“城市”字段的URL“地图链接”字段

现在,如果有些地方没有地图链接呢?我们不想在没有链接的情况下显示文本链接。我们能做的就是给它加上一个条件文字链接只在…时显示“地图链接”字段引用的“位置”集合的设置

然后,我们再加一个文本块并将其连接到“city”字段并将该元素的条件设置为当“地图链接”没有设置。

为了确保文本块与标签是内联的,向它添加一个类并将显示设置设置为内联。

示例-基于引用字段的条件

现在,由于我们已经在div块中添加了所有这些与位置相关的标签和值,并将其样式设置为类名:“location details”。我们希望确保这个div块只在为每个事件设置位置引用字段时出现。这样做:

  1. 选择“Location details”div块
  2. 添加一个条件有条件的可见性部分的设置面板
  3. 选择你的参考字段,位置(参考),在第一个下拉列表中
  4. 选择设置在第二个下拉列表中
  5. 保存
必须知道
引用字段不能用于排序。
尝试Webflow——它是免费的
Baidu
map