如何访问层视图


要使用新图层面板,只需点击新图层图标或右键单击任何元素,选择“Go To Layer”,在图层窗口中定位该元素。这将使您在一个压缩窗口中有组织地查看整个页面内容。

查看您的页面结构和快速导航到任何元素


layers面板为您提供了一个结构化的页面内容视图,它是有组织的,易于理解。您可以深入每个部分以显示嵌套的行、列和模块。你也可以搜索图层面板来快速找到你要找的东西,或者过滤图层面板来显示特定的部分、行或模块。如果你点击图层面板中的某个元素,它会自动滚动页面到该元素所在的位置,这样你就可以使用Visual Builder编辑它。

  • 查看页面结构-图层面板显示所有元素在一个有组织的,嵌套的列表,清楚地显示你的页面结构。
  • 搜索元素在一个长而复杂的页面上寻找一个特定的元素?简单地搜索图层面板来快速找到它,导航到它在页面上的位置并开始编辑。
  • 按类型筛选元素想要快速定位页面上的所有按钮模块?通过“按钮”过滤图层面板,以看到他们都在一个有组织的列表!
  • 快速浏览页面-有些东西很难找到你要找的东西很长一页。与其在页面上上下滚动搜索,不如简单地点击图层面板中的区域,立即导航到它的位置。

组织元素和快速重命名层


可以很容易地在图层面板中组织元素。分段、行、列和模块都可以使用拖放重新排列。层面板的精简和有序视图使得移动某些元素更加容易。你也可以快速重命名图层面板中的元素。只需单击任何元素的名称来调整其管理标签。

  • 轻松地重命名元素-不需要打开设置模式来更改管理标签。只需点击图层面板中元素的名称,更改其名称,保持页面的组织。
  • 拖放移动元素-在图层面板中移动元素很容易。您是否需要将一段从很长的页面底部一直拖到顶部?在图层视图中这很容易!

你可以在图层视图中做任何事情


图层面板是那么多不仅仅是一个导航/组织工具。它是一个成熟的,功能丰富的构建工具,让您的Divi Builder的压缩窗口内的全部力量,总是可用的。欧宝体育app您可以通过拖放来移动元素。您可以删除、复制或添加新元素。您可以复制、粘贴、扩展样式以及查找和替换。你可以在这个小窗口里做任何事。每当你在图层面板中编辑一些东西,这些变化会立即反映在你的页面上。

专业提示:你甚至可以在图层面板的不同行之间拖放列!

图层面板使某些任务更加简单。你有困难访问重叠元素由于先进的使用负边界,位置和z指数?只需在图层面板中查找和编辑这些元素即可。Layers View是简单而明确的。

欧宝体育app红利页面构建器

看看这些相关的帖子

79条评论

  1. 很棒的尼克,真的,我爱黛薇欧宝体育app
    来自优雅团队的伟大工作

  2. 但它们并不是真正的“层”,对吧?一想到我们现在可以像滑动器那样图层元素,我就兴奋了,但其实不是这样的,对吧?为什么你决定叫它层?这有点欺骗性……

    • 我不认为视觉构建器中的页面层次具有“欺骗性”。可以说,你的内容是“分层的”。真的很失望,页面上的第一条评论竟然是负面的东西。干得好,Divi开发者欧宝体育app们!感谢这个了不起的新功能!

      • 非常强烈的语言,你有必要拿出大枪吗?你就不能直接说,你对这个词不是很满意吗?或者你希望名字不一样?为什么一开始就声称有人试图“欺骗”别人呢?

        我同意帕梅拉的观点:这是一个很棒的新事物,我很高兴它在那里,所以,谢谢你添加它!

        此外:“图层”是大多数人在PhotoShop中使用的,所以每个人都知道它的意思和它的作用。
        对象或模块也可以工作,但说实话,我不在乎它叫什么,只要我理解它。

    • 我同意唐娜的观点。我很高兴能有一种简单的方法来管理图形层,这经常是一个问题。我很喜欢Divi,我欧宝体育app认为这是一个很棒的新工具。我不认为说这个名字有点欺骗意味就是恶意——如果它至少没有让人困惑的话,它甚至都不会成为一个讨论的话题。我想对于如何称呼这个新工具会有一些争论。因为“层”有多种含义,特别是对于包括平面设计师在内的用户群来说,它可能不是最好的选择,但我可以肯定地从代码开发人员的角度来看它是有意义的。我仍然希望新工具有一天能包含一些图形层管理。
      具有讽刺意味的是,那些认为“有点欺骗性”这个词过于强烈的人只是把他们的观点添加到一个词的选择中,就像“层次”一样。我从来不会抱怨Divi不仅仅是一个优雅的主题。欧宝体育app

    • 我不得不同意唐娜的观点,layer这个名字不太合适。它应该被称为“树状视图”,因为它的行为与我们在Windows资源管理器中使用的树状菜单完全相同。图层意味着它可能与z-index有关。

      抛开名字不谈,它有时仍然是一个方便的功能。谢谢等。

  3. 这个太棒了。爱这个特性

  4. 出色的功能 !!!!!!!!!

  5. 哇!这是我从未想过的功能,但它可以节省很多时间!

    谢谢你,尼克和你的团队!

    • 我同意!并且能够在WYSIWIG界面中轻松地点击那些难以选择的东西。

    • 哇,这太神奇了!特别是对于越来越普遍的单页站点!这太方便了,我看到它才知道我需要它!干得好,伙计们

  6. 我对这么多有趣的新功能感到惊讶,但我想知道它们对网站速度的影响……你会对此发表评论吗?

    • 对构建器UI的增强绝对不会影响网站的加载速度。构建器没有为您的访问者加载。

      • I didn’t even know how much I needed this in Divi until now I absolutely loooooove this! You guys are the best!

      • 你好尼克

        你和你的团队承担了了不起的工作,荣誉,抱歉,虽然这不是一个谈论这个的好平台。

        尝试联系并向支持人员解释以下结果

        但我真的很担心这个结果https://yellowlab.tools/result/fla5cbpn4o-普通的WordPress没有插件和普通的Divi模板欧宝体育app

        01.CSS的复杂性
        规则计数- 4638 &复杂选择器- 2826

        02.坏的CSS
        使用!important - 788,旧前缀- 338和冗余标签选择器- 648

        03.网页字体
        网络字体数字- 6

        04.DOM操作
        无结果查询179个,重复的DOM查询247个

        是否有针对上述问题的代码清理或修复?

        • 你不会得到答案的。

  7. 强大的功能!使用可视化构建器,我有时会遇到问题,因为它隐藏在另一个元素后面,所以无法单击元素的设置。问题解决了!

  8. 欧宝体育appDivi已经成功了,一次又一次!!

  9. OHHHHHH ! !赢家。

  10. 是的!这解决了Divi的痛点!欧宝体育app泰!

  11. Crongrats Nick和ET团队!

    那是很久很久很久以前就承诺过的
    我们会好好利用它。
    谢谢。
    干杯

  12. 很棒的特性。会改善整个编辑体验。

    • 我不喜欢与视觉构建器工作,因为在页面上没有概述…现在看来,你已经解决了这个问题…我必须尝试这个!!

  13. 这是一个极好的特性。谢谢你!

    如果下一件事是收紧/改善整体的视觉构建体验,那就太好了。肯定有一些地方需要改进,以增强工具。

    继续努力。

  14. 非常好,谢谢你的更新。它也适用于z指数位置?就像photoshop的图层系统一样,你只需要把图层放在另一个物体的上面就可以了。

    拜托拜托拜托,人们需要更好的联系方式,新的模块已经是必要的了。欧宝体育入口

    再次感谢,DIVI,太棒了!欧宝体育app

  15. 猜猜尼克?5年的Divi老欧宝体育app板在这里,我总是赞美Divi在任何地方或每个人(我听起来像耶和华见证人或康宝莱成员),我让我所有的朋友和客户买Divi…
    但上周我在做一个移动菜单,我不得不接受这个模块/功能需要更多的工作
    很难处理

  16. 我继续对Divi的发展感到惊讶,但是,有一个小问题,是否可以放慢屏幕上的演示,以便他们更容易欧宝体育app跟随。

  17. 对最好的建筑者之一来说,这是个很好的补充。
    对我来说,这只是一个装饰性的功能,那么真正需要的功能呢:
    嵌套的行、列。
    视觉调整列。
    预加载谷歌字体
    和许多更多

  18. 这样一个简单但非常有效的添加。

    这将使生活变得更加简单,当处理充满负边距的网站,并有能力通过图层标签改变每个部分的布局/顺序将是非常棒的。

    干得好,尼克和其他队员再一次。

  19. 对DIVI来说,这是一个很棒的补充。欧宝体育app谢谢!

  20. 什么时候Linkedin, Youtube和TikTok的图标将被整合为一个社交网络的选项配置?欧宝体育app或者可以选择从同一个面板添加自定义

  21. 太棒了,谢谢!

    喜欢看到定期发布的新功能。很高兴我选择了迪薇。欧宝体育app

  22. 哦,哦,哦,自从它被嘲笑了很久,我就一直想要它。元素有它的导航面板。在氧气中,它的结构面板。制作这些图层花了很长时间,但它似乎总是经过深思熟虑,灵活而漂亮。
    非常满意这个。

  23. 好了!但是为什么打开图层面板的按钮是在右边呢?对我来说,将它添加到左侧浮动栏中似乎更符合逻辑,在这里你还可以进行视觉/线框切换和不同的屏幕大小。

    • 有点同意!

    • 事实上,我认为divi层更多的是一个导航菜欧宝体育app单,而不是一个真正的视图。通过不同的“视图”,你可以访问真正的“布局”,而divi层更多的是快速访问一个元素,并进行次要编辑。欧宝体育app只是我的意见。

  24. 欧宝体育app黛薇越来越好了!谢谢尼克。

  25. 很棒的新特性和功能!

  26. 哇!正是我需要的!

    我是否需要做一些更新,以使功能到我的分区网站?欧宝体育app就我所见,我没有更新被触发。

  27. 海滩怎么样,尼克?
    xD

    • 好,哈哈。我最近一直想多花点时间在户外。我想看得出来。


      • 我一直在犹豫,以为这是个小问题。

        你说得对!享受自然!

      • 你在这个视频里看起来是古铜色的

  28. 这就像建网站的photoshop,哈哈

  29. 它似乎是一个很好的导航工具。良好的工作。

  30. 不错的功能。它也是非常有用的。
    我请求您制作Idea book来提交最终用户的想法/建议。

  31. 很酷的伟大的工作

  32. 现在,我的长页面管理起来要麻烦得多了。似乎效果不错
    CTRL + l似乎不为我工作作为快捷方式虽然?只是我吗?

    • 我也是,谢谢)

  33. 非常非常棒的信息,谢谢我们

  34. 爱这个特性。但也工作的列自定义宽度像元素页构建器。我们可以为每一列设置自定义宽度。

  35. 什么时候对构建器进行更基本的更新,比如更新/清理现有模块?另外,添加基于类的系统(过去曾提到过),以及将设置从主题定制器移到构建器本身怎么样?

  36. 另一个节省时间的功能,很棒的东西!

  37. 欧宝体育appDivi, Divi, Divi, Divi。这就是当今世界的看法。祝贺Divi团队成员取得如此伟大的成就欧宝体育app。

  38. OMG 欧宝体育appdivi主题是最好的,我也使用这个主题在我的许多网站

  39. 这是生产力游戏规则的改变者。我知道并欣赏这种灵感的来源。作为一个使用Divi建立了很多网站的人,这些都是带来巨大价值的附加类型。欧宝体育app这些功能节省了我们的时间,我无法说谢谢你。

  40. 不错的功能,伟大的工作,伟大的更新,DIVI是最好的。欧宝体育app

  41. You guys know what I don’t know that I need Thanks for that! You just made my workday even more effective.

    最好,Rikke

  42. 我非常喜欢这个新功能。如此方便有层弹出在一个地方,使编辑如此容易!

    由于一百万年!

  43. 这是太棒了!

  44. 另一个伟大的功能,让我们更容易组织和实施-谢谢!!
    格雷格

  45. 一个急需的特性。你们总是惊喜不断。我最近才加入Divi家族,过去几个月的更新让我成为一个坚定的信徒欧宝体育app。

  46. 哇,太棒了,非常感谢

  47. 由于股息的家伙欧宝体育app
    现在看来,你们正在努力使DIVI更高效、更容易使用,现在这个新特性使像我这样的人的生活更容易,并将节省欧宝体育app很多时间。

    你们在正确的轨道上继续做伟大的工作。

    再次感谢

  48. 干得好,DIVI团队,一欧宝体育app如既往!你的建造者越来越好了!我上周创建了一个很长的销售页面,真的在努力改变部分的顺序,所以这将是完美的!而且,这与Photoshop的工作原理非常相似,对大多数设计师来说非常直观。干得好,谢谢你让DIVI变得更好!欧宝体育app

  49. 很神奇的。谢谢。我真的希望有更多的动态数据特性(中继器元素,ACF的关系元素!),只要没有动态。oo的红利。欧宝体育app

  50. 虽然不能改变游戏规则,但绝对是一个很酷的功能。

  51. 不错的更新,节省了很多时间。谢谢。
    期待使用它。

  52. 很酷,现在我们有了三次加载生成器,并且很少有超时…它有了很大的改进,在更新之前只有两次加载并且没有超时…

    • 一个等待已久的功能,以及一个允许我们使用的Divi模块在古登堡。欧宝体育app这个特性对于那些在长页面上工作的人来说非常方便。

  53. 我对这个新功能感到兴奋。不管你怎么称呼它(随着视频的进行,我明白了你的意思),它将是一个移动东西的伟大工具——我经常做的事情,在长页中迷失:D。

    感谢!

  54. 这太神奇了!这是我真正期待的功能之一!谢谢你的家伙。

  55. 需要更多的“个人页面模板”欧宝体育app样本股票在单页或单Post或单产品像元素即时使用。如果我想我的“主页”和“关于我们的页面”模板应该不同,但我没有工作它“从零开始的选项”然后它将不可能现在而元素提供这一点。我不能改变“模块宽度”通过光标像元素。你什么时候能把这一切都纠正过来?

  56. 你好,不确定这是否是提出我的要求的地方,但我认为是时候Divi变得更适应woocommerce-这意味着购物车图标,(例如显示计数在菜单栏,下拉菜单与订单总数),以及造型选项欧宝体育app的购物车和付款页面,因为现在我们没有。我是一个CSS的新手,幸运的是我已经能够用一些CSS定制购物车页面,Checkout页面不是那么复杂/没有那么多教程可以找到。应该有自定义按钮,字段,模块的每个元素都应该能够被单独定制,因为当使用“主题构建器”使产品页面,虽然不理想有更多的自由布局那里。欧宝体育app我买了Divi,因欧宝体育app为我不打算学习CSS。虽然我确实喜欢Divi,但我有点欧宝体育app失望,因为我期待有完全控制的外观,包括woocommerce没有任何需要的CSS。这不仅仅是我个人的要求,我相信很多用户都想对woocommerce的功能有更多的控制。

今日加入下载