构建网站时使用 Divi 快速操作的 7 个技巧

已发表: 2019-02-20

Divi Quick Actions 可以成为您设计工作流程的宝贵资产。 快速操作使您可以轻松找到所需的任何内容并从一个方便的位置执行 Divi Builder 任务。 而且顾名思义,您可以快速执行操作,这无疑提高了在Divi中设计网站的效率。

在本教程中,我将提供使用 Divi 快速操作的七个技巧,这些技巧将使您更有效地在 Divi 中构建网站。

为什么您应该考虑使用快速操作

您应该考虑使用快速操作的一个主要原因是让您成为更高效的 Divi 用户。 通过避免点击几下来完成一项任务而节省的时间似乎不值得。 但是,当您在构建 Divi 站点的整个过程中结合这些节省时,您可以节省大量的工作时间。 另外,有一个地方可以找到您需要的东西非常方便。 即使是 Divi 专家也会忘记某些东西在哪里,并且不得不通过分散注意力的搜索需要更新的特定选项或设置来中断他们的工作流程。 但是,通过快速操作,无需离开页面即可快速输入所需内容,从而带来一定的舒适感。

Divi 快速操作是 Divi 中的一项功能,可用作有用的优化和设计工具。 但就像任何工具一样,习惯使用它需要一点时间。 当然,您不必使用它。 如果没有快速操作,您就无法轻松构建网站。 你当然可以。 但是,您可能会发现花点时间探索快速操作的工作原理可能会让您发现一些简化工作流程和提高生产力的有价值的方法。

如何使用 Divi 快速操作

要使用快速操作系统,只需在构建器中按 Shift+Space。 或者,您也可以单击位于页面底部的页面设置栏中的新搜索图标。

分部快速行动

现在让我们来看看这些技巧。

提示 #1:为“转到”命令标记您的 Divi 元素

分部快速行动

管理员标签一直是 Divi 不可或缺的一部分。 在 Visual Builder 出现之前,管理员在使用 Divi Builder 时依靠这些标签来识别 Divi 元素。 然而,即使能够在前端(视觉上)进行构建,管理标签仍然很有价值。 就像以前一样,管理标签仍然可以帮助您(或您的客户)轻松识别线框视图中的元素。 从桌面视图切换到线框视图时,您不需要猜测某个部分的位置。 但是还有另一个很好的理由来标记您的 Divi Elements。 Divi 的快速操作菜单有一个“转到”命令,可让您快速搜索并跳转到页面上的任何元素。 如果您标记了元素,则可以轻松识别要“转到”的元素。

例如,假设您有一个包含视频的页面部分,您可以轻松地将该部分标记为“视频”,方法是直接从线框视图中直接输入标签“视频”或在设置模式中填写管理标签.

分部快速行动

标签到位后,部署快速操作菜单并输入“转到视频”。 Divi 将自动跳转到该部分并打开设置模式。

分部快速行动

您可能已经将管理标签合并到您的工作流程中。 如果是这样,现在您可以轻松地快速找到标记的元素。

当您有很长的页面内容时,这尤其有用。

技巧 2:使用 Insert 命令插入新的 Divi 元素

这可能是对您的工作流程最直观且最容易实施的快速操作之一。 要使用插入命令,您需要做的就是部署快速操作菜单并键入“插入”,然后输入要插入的任何元素。 这对于插入新模块特别有用,因为传统方法要求您搜索模块。 例如,如果您想添加一个文本模块,传统上您会单击灰色加号图标,搜索该模块(通过滚动或使用搜索栏),然后选择该模块。

分部快速行动

通过快速操作,您只需键入“插入文本”并按 Enter。 然后,您可以使用直观的悬停指示将模块放置在页面上您想要的任何位置。

分部快速行动

额外提示

实际上,由于在部署快速操作菜单时插入命令是列表中的第一个命令,因此从技术上讲,插入一个模糊模块所需要做的就是部署快速操作菜单,单击 Enter(这将选择插入命令),然后输入“blurb”并再次按回车键。

另一个额外提示:优化搜索设置

如果您发现自己越来越多地使用“插入”命令,则可以通过优化快速操作搜索设置以始终使用“插入”命令开始搜索,从而进一步加快快速操作搜索的速度。

分部快速行动

通过这种方式,您需要做的就是部署快速操作菜单并键入“文本”,因为插入命令已经存在。

分部快速行动

提示 #3:从你的 Divi 库中插入保存的元素

通过快速操作插入命令,您可以从您的 Divi 库中添加任何已保存的元素。 这包括保存的部分、行、模块或布局。

只需键入“插入已保存”,然后输入要添加的元素类型(部分、行、模块或布局)。

这是一个有用的功能,但如果您保存了大量元素,您可能需要考虑一个更分类的命名系统来帮助加快搜索速度。

使用分类名称组织您的图书馆项目

如果您的 Divi 库中有大量已保存的项目,将它们插入到您的页面(即使是快速操作)可能会比需要的更耗时。 毕竟,您很容易忘记特定模块、行或部分的确切名称。 使用快速操作更快速地找到已保存元素的一种方法是,在将每个元素保存到您的库时,有目的地为每个元素指定一个分类名称。 这与为您保存的元素分配类别不同。 例如,如果我想将我的主页元素保存到 Divi 库,我可以通过在名称的开头插入“主页”来对每个元素的名称进行分类。 因此,如果我要在主页上保存一段展示功能的简介,我会在将其保存到库时为该部分提供以下名称。

“主页 - 功能部分”

分部快速行动

如果我想保存一行功能简介,我会给它以下名称:

“主页 - 功能行”

分部快速行动

如果我想保存一个展示功能的简介模块,我会给它以下名称:

“主页 - 开球时间功能简介”

分部快速行动

有了这个命名系统,您可以在快速操作菜单的分类列表中轻松找到您要查找的已保存元素。 假设您想添加之前在主页上构建的功能部分,您可以执行以下三件事之一。

1) 您可以部署快速操作菜单并输入“主页”。 这将显示名称开头带有“主页”的已保存元素列表。 在那里,您可以使用分类的“主页”名称识别您正在寻找的特定部分。

分部快速行动

2) 您可以键入“插入已保存的部分”或简单地“已保存的部分”以查看所有已保存部分的列表。 在那里,您可以识别按“主页”分类的那个。

分部快速行动

3) 如果您记住了该部分的名称,则可以输入该名称并节省更多时间。

分部快速行动

提示 #4:使用 Open 命令在 Divi Builder 中打开页面

快速操作中的打开命令可用于打开您在网站上创建的任何页面、帖子或项目。 例如,在快速操作菜单中,知道搜索命令“打开页面”有助于显示您网站上所有现有页面的列表。

分部快速行动

从快速操作菜单打开页面的好处在于,每个页面都在新选项卡中打开,并且已经部署了 Divi 构建器。 当您处于网页设计模式时,这很方便,因为它允许您跳过一些可能会分散您的创造力或思维压力的步骤。

如果您知道页面的名称,您可以输入“open”,然后输入您的页面名称以将其显示出来。 因此,例如,如果您有一个标题为“关于”的页面。 要打开该页面,只需键入“open about”。 该页面应弹出到列表的顶部。 然后你需要做的就是点击进入! 您将自动重定向到“关于”页面,Divi Builder 已经处于活动状态并准备好进行编辑。

分部快速行动

提示 #5:使用快速操作作为键盘快捷键的垫脚石

对于那些致力于学习键盘快捷键的人来说,快速操作可以成为有用的老师。 让我们面对现实吧,我们大多数人不会花时间一次记住所有键盘快捷键,然后在您将它们强加到您的工作流程中时挣扎。 但是,我敢打赌,如果您花一点时间来识别标记在快速操作选项旁边的键盘快捷键,您将更倾向于在下次考虑该特定操作时尝试使用它们。 这里有几个例子来说明这可能如何发挥作用。

从“页面设置”到“O”

假设您正在快速操作,并且您发现自己经常输入“页面设置”来访问页面设置(因为您是摇滚明星并且您知道行话)。 然后有一次您注意到标记在选项最右侧的字母“O”。

分部快速行动

然后一个灯泡熄灭,您可以通过一个简单的键访问页面设置! 你可能再也不会回到老路了。

从“线框”到“shift-w”

您只需在快速操作菜单中键入“线框视图”即可部署线框视图。 但是您可能会注意到列表中选项右侧标记的键盘快捷键“shft + w”。

分部快速行动

这个小快捷键非常适合在线框和桌面视图模式之间来回切换!

不要忘记“?”

要访问快速操作菜单中的快捷方式列表,您可以使用 builder 命令。 只需键入“构建器快捷方式”。 或者您也可以只输入“键盘快捷键”或简单的“快捷键”。 但是,不要忽视键盘快捷键标签“?” 向右。

分部快速行动

您只需输入“?”即可查看完整的键盘快捷键列表。 在 Divi Builder 中,然后单击键盘快捷键选项卡。

提示 #6:快速更新页面选项和页面设置

在 Divi 中建立网站时,您会经常遇到需要更新您的页面设置、主题设置和主题选项。 这里有一些方法可能会派上用场。

页面创建流程

在那里,您正在创建网站的第三页,并意识到您不想每次都被“页面创建流程”弹出窗口所困扰。 部署快速操作菜单并输入“flow”。 然后选择“页面创建流程”选项以打开找到该选项的页面设置模式。

分部快速行动

然后您可以将其更改为“从头开始构建”,这样每次在新页面上部署 Divi 构建器时,您都可以立即开始构建。

分部快速行动

新模块的占位符内容

习惯使用 Divi 模块后,您可能会发现不再需要占位符内容。 这使您无需在添加自己的占位符内容之前删除占位符内容。 部署快速操作菜单并键入“构建器设置”以禁用该选项。

分部快速行动

分部快速行动

更新调色板

我敢打赌,你们中的许多人在构建网站时仍在浪费宝贵的时间来搜索颜色代码并将其复制并粘贴到部分、行和模块中。 你不需要! 只需部署快速操作菜单并键入“颜色”,然后选择“页面调色板设置”选项。

分部快速行动

这将直接带您进入页面调色板。 在那里,您可以将正在使用的新颜色添加到调色板中,并且在构建页面时,它将在每个 Divi 元素设置模式中的所有调色板中可用。 现在,您只需单击调色板中的颜色,而无需一遍又一遍地搜索。

分部快速行动

将自定义 CSS 添加到您的页面

如果您想将自定义 CSS 添加到您的页面,通常只需单击几下即可打开页面设置并单击高级选项卡(如果您还记得它的位置的话)。 使用快速操作,您可以简单地部署快速操作菜单并键入“css”,然后单击 Enter 以选择“页面自定义 CSS 设置”。

分部快速行动

就像那样,您无需单击鼠标即可到达所需的位置。

分部快速行动

提示#7:使用你的生命线

我将是第一个承认我曾经遭受不问方向或阅读说明的经典男性刻板印象的人。 但我已经吸取了教训。 在经历了多次失败之后,我发现我承担的任何项目的成功(例如为我女儿建造玩具厨房)在很大程度上取决于我拿到说明书的时间。 使用 Divi 构建网站也是如此。 通过快速操作,只需按几下键即可获得帮助文档和支持。

需要视频模块的快速概览,只需部署快速操作菜单并键入“帮助视频”或“视频模块”。 在那里,您将看到一个弹出视频教程的链接或指向文档文章的外部链接。

分部快速行动

分部快速行动

有一个需要自定义支持的特定问题,只需键入“support”即可打开指向 Elegant Themes Support 页面的外部链接。

分部快速行动

分部快速行动

最后的想法

如果您对将 Divi Quick Actions 纳入您的工作流程犹豫不决,我希望这些技巧可以帮助您摆脱困境,以便您可以亲自尝试。 从长远来看,即使是其中的一两个技巧也可以为您节省宝贵的时间。

我很想知道您可能需要与我们分享的一些技巧。 我期待在下面的评论中收到您的来信。

干杯!