回所有课程
课程库

手机领域概述

使用电话字段为集合中的项目指定一个电话号码。

这个视频老UI特性。更新版本即将到来!
克隆这个项目

电话字段是一个集合场,让你和合作者为集合中的项目指定一个电话号码。电话号码可以显示在这个字段中指定收藏列表或在收藏页面为文本。

就像一个链接字段,手机领域可以作为一个链接。您还可以使用电话字段过滤列表或集合设置条件元素集合列表和页面上的可见性。这里是电话领域常用的方法:

  • 显示电话号码的团队成员、部门等
  • 链接到这些电话号码在网站上游客可以点击或水龙头打一次电话

在这节课中,我们谈论:

  • 创建一个电话领域
  • 将内容添加到手机领域
  • 连接电话字段文本
  • 连接电话字段来电话联系
  • 筛选集合使用电话字段列表
  • 使用电话字段设置条件的可见性
专家提示:你也可以加入内联电话联系富文本字段

创建一个电话领域

电话字段可以添加到一个新的或现有的集合。在收集设置,点击新领域然后选择电话字段。

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

将内容添加到手机领域

手机领域接受任何typable值。然而,请注意,如果这些值没有一个有效的电话号码格式,然后这些电话号码的链接可能不会按预期工作。

连接电话字段来电话联系

你可以连接手机领域中的任何文本元素集合列表或一组页面:

  1. 你的收藏列表中添加一个文本元素或页面
  2. 检查得到文本复选框的内部文本设置出现
  3. 选择电话字段的字段下拉

你也可以电话号码作为文本链接按钮和文本链接的设置。

您还可以访问这些内部文本设置通过选择文本元素,点击设置图标旁边的元素标签在画布上或通过设置面板(D)。

您可以删除连接取消勾选“从“得到文本复选框的设置面板

连接电话字段来电话联系

电话号码你也可以连接到任何链接元素,包括一个按钮。这个链接将触发一个电话使用电话号码对应的项目集合。创建一个动态的电话联系:

  1. 你的收藏列表中添加一个link元素或页面
  2. 选择电话链接设置出现
  3. 选择得到电话
  4. 选择电话字段的字段下拉
电话联系只会工作设备,电话的地方。

您还可以访问该链接设置通过选择文本元素,点击设置图标旁边的元素标签在画布上或通过设置面板(D)。在这里,您还可以获取文本的文本链接和按钮的电话号码字段。

您可以删除连接取消勾选“从“得到电话复选框下链接设置。

筛选集合使用电话字段列表

您可以过滤列表集合使用电话字段通过指定的以下规则:等于,不等于,是集,没有设置。

  1. 选择您想收藏列表过滤器
  2. 设置面板(D)
  3. 添加一个过滤器收藏列表设置
  4. 在第一个下拉选择手机领域
  5. 选择一个规则在第二场
  6. 设置一个值,如果选项是可用的
  7. 点击保存

的过滤规则,您可以使用电话字段和值:

  • =——查找收集物品和一个电话号码等于该规则指定值
  • 不等于——寻找收集物品的电话号码并不等于你为这个规则指定的价值
  • 设置——查找收集物品,有一个电话号码设置为这个链接字段
  • 没有设置——查找收集项目,没有一个电话号码设置为这个链接字段

了解更多关于过滤收集列表。

使用电话字段设置条件的可见性

如果您使用的是一个可点击手机图标连接到你的电话,你可以设置一个条件可见性规则在这个图标在你的收藏列表或页面。这可以确保这个图标可以看到只有一个电话号码在手机中设置字段的项目集合。

  1. 选择电话链接图标(块)的联系
  2. 设置面板(D)
  3. 添加一个条件(当此元素是可见的)有条件的可见性
  4. 在第一个下拉选择手机领域
  5. 选择设置在第二个下拉
  6. 点击保存

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

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