回到所有的课程
课程库

快速的找到

在创建Webflow项目时,使用Webflow的搜索栏来加快您的工作流程并提高您的效率。

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

在这节课中:

  1. 启动快速找到
  2. 自定义快速查找设置
  3. 输入您的查询
  4. 浏览结果
  5. 选择你的行动

快速查找是设计器中的一个强大的搜索栏,它将加快您的工作流程,提高您在构建Webflow时的效率。

只需敲击几下键盘或点击一下鼠标,快速查找可以让您:

  • 在画布上添加元素不需要打开元素面板
  • 添加或编辑符号不打开添加面板→符号面板
  • 找到一个资产而且添加它在画布上或者访问它的设置不打开资产面板
  • 将链接转换为div块或文本块,反之亦然
  • 选择当前页面上的页上元素(包括类和符号)不需要滚动画布或导航器来找到它
  • 创建新页、转到特定页或特定集合项详细信息页而不需要通过许多步骤来查找和打开那个页面。
  • 打开一个集合在集合管理器中修改您的集合项,只需按enter键。

启动快速找到

你可以启动快速查找与命令+ E(Mac)控制+ E(在Windows上)。

你也可以启动快速查找with命令+ K在Mac或控制+ K(在Windows上)。

自定义快速查找设置

默认情况下,查找程序排除上面提到的一些操作。您可以在查找器设置中包含或删除任何默认操作。

访问查找器设置:

  1. 悬停在查找器搜索栏上
  2. 点击设置图标

自定义查找器之后,单击查找器内部开始搜索。

输入您的查询

您的查询可以是类和页面名称中的任何单词。或者,您的查询可以是特定的,如名称:

  • 元素(滑块、地图、按钮等)
  • 资产或资产的扩展
  • 一个页面
  • 集合页面(如博客文章的名称)

您将在所有的结果选项卡。

需要知道:快速查找将显示前50个结果。确保在搜索您要查找的项目时选择了正确的查询。

浏览结果

当你使用快速查找时,结果会出现在所有的结果选项卡。它们还会根据类型被过滤并列在单独的选项卡下。

同样的,你可以自定义查找器包括或排除这些内容。

快捷键:您可以使用向上和向下方向键选择任何结果。你也可以按选项卡而且Shift + Tab在结果之间快速移动。

选择你的行动

现在,让我们使用这些结果来加快我们的工作流程。我们将讨论:

在画布上添加项目

通过搜索元素类型、符号或资产名称,可以在画布上添加新项。然后,通过以下方式添加项目:

  1. 使用键盘选择结果并按输入
  2. 单击结果
  3. 单击并拖动结果在画布或导航器的任何地方
很高兴知道:使用前两种方法添加项将把元素放在内联元素旁边,或放在块元素下面。为了了解更多,查看元素面板指南。

添加符号

如果鼠标悬停在a上象征实例,您将能够单击编辑图标重命名符号。

添加图片

搜索像png, doc, jpeg这样的单词,可以看到这些类型的资产列表。

专业技巧:您可以调整查找器设置以简化当前流程。例如,在搜索资产和符号时,您可以隐藏其他操作以避免所有结果中的混乱。这样,您的结果将只显示您希望为当前任务查找的内容和操作的类型。

只使用快速查找创建整个布局

您可以创建整个部分的布局只使用您的键盘与快速查找。

使用快速查找定位和添加到画布上的元素。

应用类的方法如下:

  1. 新闻命令+输入(在Mac)或控制+ Enter(在Windows上)
  2. 输入班级名称并按下输入
  3. 重复此步骤,添加页面布局所需的元素

在画布上选择元素和符号

您还可以在当前页面上查找和选择元素和符号。很容易识别页面元素,到页面元素选项卡。

找到要查找的元素后,使用键盘的方向键或鼠标在结果面板中选择项目。现在,该项目将在画布上被选中。如果项目位于页面下方,画布将向下滚动以显示所选元素。

专业技巧:如果你想选择一个类来编辑它的样式,搜索类名并选择元素。然后,如果样式面板没有打开在右侧,按年代用你的键盘来访问它。

将元素转换为其他类型的元素

您可以在画布上选择一个链接元素(链接块、文本链接或按钮),并在快速查找中键入“转换为”,将其转换为另一种类型的链接或Div块或文本块。你也可以做相反的事情,使用相同的方法将div块或文本块转换为链接:

  1. 选择画布上的元素
  2. 启动快速找到
  3. 输入"convert to"
  4. 从列表中选择您需要的选项

进入特定页面

可以使用快速查找打开项目中的任何页面—任何静态页面、实用程序页面或集合项详细信息页面。

假设您正在寻找一个特定的博客文章页面。你必须:

  1. 打开页面面板
  2. 进入采集页面模板
  3. 在下拉列表中滚动数百篇博客文章以定位并打开该页面

使用快速查找,您只需要在快速查找栏中输入页面的名称并按回车键就可以进入该博客文章页面。

专业技巧:搜索单词“template”,然后转到pages选项卡,查看项目中所有的集合模板页面

您还可以从查找器中创建一个新的静态页面,键入“new page”并在结果中选择“create new page”选项。您将进入新的页面创建过程。

了解更多:添加页面

访问特定集合的集合管理器

您可以搜索任何集合的名称并按enter键以打开Collection管理器并更新任何项。

访问资产的设置

您还可以快速访问任何资产的设置。只需将鼠标悬停在快速查找结果上,然后单击出现的设置图标。

了解更多:管理资产

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