回到所有的课程
课程库

链接字段

使用link字段可以动态地向您的设计添加链接。

这个视频的特点是一个旧的UI。更新版本即将发布!
克隆这个项目

link字段为a集合字段,允许您动态地向设计添加链接。链接字段通常连接到链接元素,如文本链接或按钮,以成为活动链接。您甚至可以选择将url显示为文本。链接字段也可以用于过滤收藏列表或使用条件可见性显示特定元素收藏列表或在收藏页面

共同使用

  • 任何链接(s)的位置离开您的网站
  • 注册链接到第三方活动服务(如Eventbrite)
  • 社交媒体链接(如Twitter、Facebook或LinkedIn)
专家提示:还可以使用富文本字段添加内联链接。

在这节课中,我们将向你展示如何:

  • 创建一个链接字段
  • 向链接字段添加内容
  • 将链接字段连接到文本
  • 将链接字段连接到链接
  • 使用link字段筛选集合列表
  • 使用link字段设置条件可见性

创建链接字段

链接字段可以添加到新的或现有的集合中。在“收集设置”中,单击新领域然后选择链接字段。

与任何字段一样,您可以指定该字段是否必需。

向链接字段添加内容

您或您的合作者可以在CMS中选择一个集合项,并向该字段添加任何有效的URL。

连接链接字段到文本

link字段可以连接到任何文本元素。

  1. 向“集合列表”或“集合页面”添加文本元素
  2. 检查得到文本复选框的内部文本设置
  3. 从下拉框中将其连接到相关的链接字段

您还可以通过选择文本元素并单击画布上元素标签旁边的设置图标,或者转到设置面板(D)来访问内部文本设置。

选项可以删除连接得到文本复选框的内部文本设置。

将链接字段连接到链接

还可以将链接字段连接到任何链接元素,包括按钮.创建一个动态链接。

  1. 向集合列表或页面添加链接元素
  2. 选择得到的URL链接设置
  3. 从下拉框中选择链接字段

还可以从纯文本字段或链接字段中提取按钮的文本。

您还可以通过选择文本元素并单击画布上元素标签旁边的设置图标或转到设置面板(D)来访问链接设置。

选项可以删除连接得到的URL和/或得到文本“设置”面板中的复选框

使用link字段过滤集合列表

使用链接字段过滤集合列表:

  1. 选择要筛选的集合列表
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置
  4. 在第一个下拉列表中选择相关的链接字段
  5. 在第二个字段中选择下列规则中的任意一个:等于、不等于、已设置、未设置
  6. 如果需要,指定该值
  7. 点击保存

可以使用链接字段和值的过滤规则是:

  • =-查找URL与您为该规则指定的URL相等的集合项
  • 不等于-查找集合项的URL不是等于您为该规则指定的URL
  • 设置-查找为该链接字段设置了任何URL的集合项
  • 没有设置-寻找收集项目是否为这个链接字段设置了任何URL

了解更多关于过滤器的信息

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

您可以使用链接字段设置条件可见性,以显示或隐藏集合列表或集合页面中的单个元素。

例如,如果你有一个集合,想要列出他们的Facebook资料,但知道他们并不都有Facebook页面,你可以:

  1. 添加一个链接字段到您的集合,并将其标记为“Facebook page”
  2. 为每个在相应的集合项目中有一个的人添加Facebook页面链接
  3. 在收藏页面上使用链接块中的Facebook图标创建一个Facebook链接
  4. 将该链接块连接到Facebook页面链接字段。

现在,您可以设置以下条件,以确保按钮在页面上可见只有当Facebook页面链接设置时。

  1. 选择包含Facebook图标的链接块
  2. 设置面板(D)
  3. 添加一个条件有条件的可见性
  4. 在第一个下拉列表中选择Facebook Page链接字段
  5. 选择设置在第二个下拉列表中
  6. 点击保存

了解更多关于条件可见性的信息。

尝试Webflow——它是免费的
Baidu
map