建立你自己的全局颜色的动态调色板


当你在Divi中调整颜色设置时,你会注意到在现有的“保存”和“最近”调欧宝体育app色板旁边有一个新的“全局”标签。打开全局选项卡将显示全局调色板,允许您管理和应用全局颜色。单击加号图标可向调色板添加新的全局颜色,或单击齿轮图标可管理现有颜色。

单击一个全局颜色,将该颜色应用到元素上。您可以通过查看颜色样本的形状来判断颜色设置是否应用了全局颜色。全局颜色由它们独特的水滴形状表示。全局颜色与静态保存的颜色不同,因为它们的颜色值是动态的,并且在使用它们的所有元素之间链接。如果你改变了一个全局颜色,所有使用该颜色的元素在你的整个网站也会改变。

立即更新您的整个网站的配色方案


一旦你的网站使用了全局颜色,你可以调整你的网站的配色方案,只需点击几下。全局颜色可以用于任何东西:背景,按钮,文本和页面上的任何其他东西。您不仅可以添加新的全局颜色,还可以编辑现有的全局颜色。当一个现有的全局颜色被更新时,所有使用该全局颜色的元素也会被更新。一个欧宝体育app使用全局颜色的Divi网站可以在几分钟内改变它的整个配色方案。这就是黛薇全球色彩系统的美妙之处。欧宝体育app


专业提示:将静态颜色转换为全局颜色!


开始一个新的网站使用全局颜色是一个伟大的时间节省,但它也很容易更新你的现有网站使用全局颜色。你可以右键单击任何现有的静态颜色,选择“渐变到全局”选项。这将自动将颜色添加到全局调色板中,并将全局颜色应用到活动颜色设置中。

接下来,你可以使用Divi的查找和替欧宝体育app换系统来替换你的静态颜色与全局颜色在一个俯冲。将页面转换为全局颜色后,就可以使用全局调色板更改整个页面的配色方案。


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

看看这些相关的帖子

132条评论

  1. ❤️

  2. 是的!干得好,尼克和团队。这改变了游戏规则!

    等不及要玩这个了吗

  3. 喜欢这个!伟大的工作家伙! !

  4. 非常好的附加选项,现有的选项,如预设,查找和替换,扩展样式!在整个网站的所有元素中提供改变颜色的选项,这是一个好主意!

    • 我想知道这个问题是否会得到解决。

  5. 哇!令人惊异的

  6. Hoooooorrrayyy !这是奇妙的。谢谢你!这比全球搜索和替换简单多了。欧宝体育app黛薇每周都玩得更开心了。

  7. 这就是我喜欢的更新。我一直在等待全球颜色。干得好,伙计们,干得好。

  8. 好了!

  9. First comment here maybe
    至少有很棒的功能,正在等待前端速度的提升
    我爱它
    谢谢尼克和优雅主题团队

  10. 那太好了!我喜欢最近让生活更轻松的新功能。

  11. 太棒了!感谢Nick和ET团队为我们提供了新的全球色彩功能。

  12. 爱它!
    这是否意味着《黑暗模式》即将问世?

    • 我想我们可以用它来做??因为我觉得

  13. 谢谢你这么棒的工作。调色板看起来很好。

  14. 另一个本垒打。将来我还会在一些网站上使用Gutenberg,但是Divi一直是我最喜欢的网站开发选择。欧宝体育app自从Divi被开发之前,我一直是优雅主题的成欧宝体育app客户端员。欧宝体育app这是我作为开发者所做过的最好的决定之一。

  15. 嘿,这太棒了。谢谢你!看到游戏的定期更新/改进,我很高兴自己选择了DIVI。欧宝体育app

  16. 这是一次不错的升级,节省了我们的设计时间。
    我一直在想ET什么时候会做一个更新,提高主题的性能或包括在Divi原生的whatsapp或电报的图标欧宝体育app

  17. 干得好,尼克和ET团队。喜欢这个新功能!

  18. yeaaaaaaaah !这正是我想要的,当我第一次购买Divi,好几个月了,现在它在这里!欧宝体育app让我们在客户说第10次的时候让他高兴。“嗯,我觉得这红色太红了!”现在我们可以回答:“好的,那现在呢?”不只是在这个页面上查找和替换,而是在整个网站上。伟大的
    谢谢你!
    DonBa

  19. 很高兴这个被添加到DIVI构建器!!!!欧宝体育app我喜欢它,我需要做的定制CSS文件越来越少。谢谢DIVI团队!!欧宝体育app:))

  20. 神奇的功能! !❤️

  21. 很棒的功能,但我现在很困惑,我应该使用预设还是全局颜色…这个全局颜色功能也可以在预设中使用吗?

    • 是的,全局颜色可以在Divi预设中使用。欧宝体育app预设是为了管理特定于模块的设计,但你不应该仅仅为了更新你网站的颜色而修改40个模块预设。这就是全球颜色的由来。您可以将全局颜色应用到所有预设,并在一个地方管理它们。

      • 好的,我现在明白了,谢谢尼克!

        再接再厉!

  22. 这是一个很棒的功能,可以减少管理颜色的大量时间!

  23. Bon阵痛!

  24. 你们是最棒的尼克!我们喜欢用Divi,你们一直欧宝体育app在做得更好。保持全局设置!

  25. 哦,太神奇了!谢谢! !它非常有趣的玩颜色,帮助我们更有效地工作

  26. 谢谢尼克。我很喜欢这一点,这将为新网站节省大量的时间。我不是100%清楚当它涉及到改变整个现有网站的颜色时,这是如何工作的。将静态颜色转换为全局颜色,然后在该页面上查找和替换。但我想我们需要在每一页都这样做?

  27. 介意. .吹!改变游戏规则/节省时间! !

  28. 我需要的东西,我有的东西。很高兴成为终身会员!

  29. 太好了。昨天我一直在考虑这样一个选择。现在我看到了真实的…
    祝你好运。

  30. 奇妙的新功能,伟大的工作!

  31. 你说“立即更新你的整个网站的配色方案”,但我只能看到更新你所在页面的选项。整个网站的更新选项在哪里?

    另外,我在Divi设置中找不到一个可以定义全局颜色的地方。欧宝体育app这是失踪吗?

    • 整个网站都使用全局颜色。因此,如果你有数百个模块横跨你的整个网站和不同的页面使用相同的全局颜色,你只需要更新一次颜色。所有使用该全局颜色的模块也将改变。

      • 我可以在某个地方正式报告bug,但不能在聊天中报告?当前的全局颜色也有bug。

        PS:酷更新!

        • 报告错误的官方地方是通过我们的支持聊天。所有报告的错误都会被记录下来,我们会根据错误报告的次数对错误修复进行优先级排序。

        • 波波和尼克,我支持bug问题。我对这个功能非常兴奋,但从我最初的尝试来看,它现在太不可靠了。我有全局颜色设置的实例没有保存到预设,全局颜色设置中的全局颜色设置没有应用到应用预设的元素,更新一个全局颜色,而不是更新它的所有实例,全局颜色设置随机消失,只留下一个空白颜色。只是我还不能在一个在线网站上使用它。我需要在当地的开发网站上做一个完整的深入测试,以便记录我的发现并提交给优雅的主题。欧宝体育app客户端该死的。我一开始就很想用这个。

      • 它看起来像为了更新一个全局颜色,你必须打开任何使用它的模块,并在该模块内改变它?这将是很好的,可以在Divi设置菜单中看到/编辑全局颜色,以及保存的颜色。欧宝体育app

        如果我们不用保存和退出Visual builder,就能看到主题构建器对页眉和页脚的颜色变化,那就太好了。

        • 我们有一个更新即将到来,将解决第二个问题,以及更多

  32. 这看起来非常有前途,看起来是一个很棒的功能。
    我希望它的实现方式是通过CSS变量或CSS类。而不是每个元素都有内联代码,比如:

    .et_pb_column_0 {background-color: #f00;}
    .et_pb_blurb_0 .entry-title{颜色:#f00;}

    等等……
    这些改进对于使用该界面的人来说当然是非常棒的,但也请考虑您正在生成的代码,并尽可能地压缩它,并使用CSS变量和类(换句话说:最佳实践)。这就是为什么我还没有爱上预设的主要原因,实现只是严重缺乏。

    真的不是无缘无故的讨厌,就像我说的,这看起来非常有希望,但我也想强调这些更新的另一方面,经常被忽略的一些原因。

  33. 谢谢大家,完美降落!

  34. 还少了一些东西。全局颜色在网站自定义中是不可用的(似乎是一个大错误),“扩展样式”没有扩展到其他模块的全局颜色选择…喜欢这个概念,还有一些事情需要调整,请!

    • 扩展样式将在页面上的所有模块中扩展一个全局颜色,如果你选择扩展样式到“整个页面”的扩展样式弹出的“所有模块”。您也可以使用查找和替换,并选择“全部替换”选项。

      我们正在一点点远离主题定制器。现在我们专注于建设者和使用建设者设计整个网站。

      • 为什么要放弃主题定制?这是WordPress的标准,他们甚至添加了更多的功能。

        你还打算添加一个文本设置的全局选项来替代定制器吗?因为定制器是唯一可以设置全局字体的地方。我知道你可以使用默认预设,但那是每个模块类型,而不是全局的。同样,对于有标题字段的模块(例如blurb, toggle, accordion),你只能设置该标题,它不适用于模块体中使用的标题。

  35. 这是太棒了!我们最近更新了我们的配色方案,这样就不用手动浏览每一页了,如果知道我们现在有了一个快捷方式就好了。谢谢红利!欧宝体育app

  36. 简单,聪明,非常有用-感谢您将这一部分默认设置为DIVI,而不是一个插件。欧宝体育app

    (有没有可能你计划扩展这些“全局”设置…也许到字体??)

    • 是的

  37. 我的眼睛都快哭出来了……
    需要这个。

  38. 哇,这么棒又省时的更新!我发现更新颜色是如此的重复和无聊-现在它将是超级简单!迫不及待地采取新的全球颜色旋转!保持令人敬畏的工作优雅的主题!欧宝体育app客户端

  39. 这将是一个非常方便的添加,特别是那些客户喜欢改变他们的想法每2分钟!转换到全球的能力,然后找到和替换,让您现有的网站的速度是相当光滑的太!好工作等

  40. 哈利路亚! !奇妙的新升级!这绝对能节省时间!非常感谢!

  41. 哇,这太激励人了。

    我真的想添加一个全局渐变,颜色移动的效果-就像这里,但对每个元素。
    所以我们基本上就有了一条不断变化的彩虹以一种平滑的方式变换。
    我怎么能这样做呢?我们是否可以获得一些全局颜色css ID来添加这种效果?
    请考虑一下。谢谢

  42. 尼克,在Divi主题调色板中使用这种全局颜色不是更好吗?欧宝体育app当我们开始创建一个新网站,首先在divi选项中设置这个调色板。欧宝体育app一旦设置完毕,我们就会在整个网站中使用这三到四种颜色。而不是有全局的颜色,我认为有颜色调色板本身的全局会更有意义。

    • 欧宝体育appDivi有三种颜色。保存颜色,全球颜色和最近的颜色。它们都可以在构建器中管理,因此不再需要去到颜色的主题选项。

      • 是的,我们需要未来像预先设计块部分,如《Divi》中的元素。欧宝体育app

        请认为这是积极的回应。希望div欧宝体育appi团队尽快回复。

        感谢并祝贺全球颜色功能。

        • 预先制作的部分肯定是我们最终要做的事情,但还有其他的改进Divi库,我们需要先做。欧宝体育app优先级较高的是预先制作的页眉和页脚。

      • 但是保存的颜色只能保存在主题选项中,对吗?还是我找不到别的方法。

        我有点同意Ravindra的观点,“旧的”保存的颜色可以转换为全局的。单独的选项只会增加复杂性。另一方面,我可以看到自动更改保存为全局可能是一个问题,现有的网站。

        你可以将静态颜色转换为全局颜色,这很有用,但我不明白为什么我们需要采取额外的步骤来寻找和替换每个页面上的全局颜色的现有颜色。

        • 嗨,john pierre。不,你现在可以在构建器中调整你保存的颜色,就像全局颜色一样(我们在这次更新中偷偷改进了)。没有必要去Divi主题选项了,如果你欧宝体育app不想。

          • 不错,我没听清。可能是因为在编辑保存的颜色和全局颜色时存在一些不一致。
            -保存颜色:你必须时钟齿轮图标编辑他们
            -全局颜色:你可以编辑它们,而不首先点击齿轮图标

            或者这是一个bug?因为一旦我选择了一个全局颜色,颜色选择器将转换为全局颜色图标,当你选择另一个颜色时,它将改变全局颜色(即使你在“保存颜色”模式下)。

            顺便说一下,当你去到coor box时,' saved colors '是默认视图。那可以改成' Global '吗?有了这个选项,我就不用再使用保存的颜色了,而全局是一个点击。

            谢谢
            摩根大通

      • Divi的“设置”呢?欧宝体育app我理解你正在远离主题“定制”,但Divi设置必须留下来,因为它有设置,否则你的系统不迎合。欧宝体育app

        如果我们可以在保存的面板旁边看到全局面板,这对我们有很大的好处。它将允许我们简单地打开设置页面,改变全局颜色,同时查看结果,而浏览网站在一个单独的浏览器窗口。

        在我看来,目前的过程有点复杂。

        转到使用该颜色的页面
        使视觉建设者
        找到使用您想要更改的颜色的模块
        找到模块内的颜色
        选择全球面板
        编辑颜色
        保存
        如果主题构建器构建的页面的一部分也使用了这种颜色,那么您甚至必须退出Visual Editor。

        别以为这是呻吟。我很高兴你引入了全球颜色。作为一个在Divi存在之前的终身成员,我只是希望Divi拥欧宝体育app有最好的

        • 我明白你的意思,但与此同时,你描述的过程对我来说似乎更复杂。导航到Divi主题选项,在看不到结果欧宝体育app的地方调整颜色,然后在另一个浏览器打开一个页面,每次改变颜色都会刷新。我宁愿只是启用该页面上的构建器,并在看到实时结果时调整颜色。

          最终,我们想让构建器成为管理一切的地方,当越来越多的网站使用构建器管理时,这将变得更有意义。

          • 我没有管理全局设置在一个集中的位置在构建器内的问题,但我看不到这样做的逻辑在一个页面上的模块的设置,而不是集中的地方。我们使用“全球”这个词毕竟是有原因的。但是,您甚至已经从页面选项中删除了调色板!

            我相信你会说打开第二个浏览器窗口更复杂,这是为了论证而论证

            谢谢大家的聆听。

  43. 太好了!这就为新客户提供了快速复制和改变网站的新机会。谢谢

  44. 干得好,尼克和外星人团队。

    伟大的节省时间。

  45. 哦,太棒了!我已经等了很久了。
    它也可在Divi主题选项页面,而选择默认颜色?欧宝体育app

    • 它只在构建器中可用。也就是说,你不需要去Divi主题选项编辑你的静态调色板了。欧宝体育app这也可以在构建器中完成。只需点击齿轮图标,就可以管理静态和全局颜色

  46. 这将是一个节省时间!

  47. 我仍然有麻烦,因为更新4.8,divi构建器不工作。欧宝体育app模块不再弹出和禁用其他插件没有帮助修复它…

    • 请留言表示支持,我们可以提供帮助。很可能是缓存问题,插件冲突或防火墙问题。

  48. 很高兴你添加了这个!就在上周,我有一个客户要求更新他们网站的颜色。我设置它,所以我不需要改变它在太多的地方,但这将是如此多的更好!!

  49. 感谢这个伟大的更新,只是想知道是否有关于前端速度增强升级的任何时间?

    干杯!

    • 我担心我们没有给出预计到达时间,因为它们从来都不够准确,当我们错过它们时,只会给社区带来压力。我们永远无法确切地知道某个功能何时会发布,除非它已经完成并经过了QA测试。

  50. 神奇的添加! !
    等不及要开始使用了!

  51. 感谢这个伟大的更新。
    伟大的节省时间。

  52. 伟大的工作,谢谢! !让很多事情更容易!

  53. 尼克,毫无疑问,这是个很棒的更新。我期待这个功能已经很久了。现在我感到更加自信和自在了

  54. 一如既往地,来自Divi主题的好东西。欧宝体育app我们是否也可以期待类似的字体?

    • 是的,我们希望让一切有意义的事物都“全球化”。我们有很多关于如何与选项组预置工作的想法。

  55. 非常感谢。我迫不及待地想应用它。神奇的!

  56. 谢谢你-多么棒的功能和如此节省时间!

  57. Thumbs up!!! JUST GREAT!

  58. 太棒了,这就是魔法!

  59. 干得好,伙计们,干得好!
    非常感谢!

  60. 这是一个有用的特性,但不是最重要的…什么时候定制行宽大小?基本演绎法已经有很长时间了。

    • 你好安德烈。您可以调整构建器中任何部分、行或模块的宽度。请参阅“设计”选项卡中的“大小调整”选项组。

  61. 这太棒了,让人兴奋又有帮助!

  62. 我们为这一刻等待了这么久,但这是非常值得的!谢谢Nick和团队!!了不起的工作!

  63. 太棒了,谢谢!如此节省时间!这是有史以来最好的主题。

  64. 不错的功能!它将是伟大的全局设置也字体在未来。

    • 正在进行中

  65. 你好,
    另一个伟大的工作!
    7年来,我只使用Divi和Extra为我所有的网站!欧宝体育app
    第一个版本已经很棒了!和更多的时间
    继续下去,更多的这是这个建设者是容易和有趣的使用。
    谢谢谢谢谢谢
    Fr,在

  66. 太棒了,太棒了!
    我喜欢能够加速开发过程的更新。

    谢谢你等!

  67. 感谢这个伟大的等待更新!

    但是,这些翻译让Divi几乎无法使用。欧宝体育app直到切换到英语,我才明白这个新功能是如何工作的。
    另外,就像我很久以前要求的那样,请允许我们在没有WordPress管理员转换成英语的情况下关闭Divi UI翻译,因欧宝体育app为当这种情况发生时,一些像Woocommerce这样的插件的前端也会转换成英语。这使得非英语网站看起来不“优雅”。
    所以每次,修改完成后,我需要回到Divi选项,重新激活翻译,所以Woocommerce前端可以在法语,以保持它的专业。欧宝体育app

    谢谢你认真考虑这个尽快。
    欢呼。

    • + 1确定
      荷兰语的翻译也经常让我发笑

    • 你可以在Divi主题选项中关闭编译器的翻译。欧宝体育app

      • 是的,你可以,但它也改变了WordPress的语言为英语/美国。这使得其他插件切换到显示英文/美国文本。改变WordPress设置不适合这个。

        • 你不需要改变网站的语言。你可以在Divi主题选项中禁用Divi 欧宝体育appBuilder翻译。

          • 在Divi主题选项中禁用翻译将整个WordPress的语言欧宝体育app代码更改为英文/美国。试图在WordPress设置中恢复并不能做太多,因为例如插件也会自动切换到ENG / US支持。只有打开翻译在Divi帮助。欧宝体育app

  68. 后台编辑器再次被忽略。例如,不能用HEX指定颜色。

    • 我不知道你说的是什么,派翠克。在使用全局颜色时,您绝对可以定义十六进制颜色。如果你需要任何帮助,请告诉我们。

      • 尼克:在后台编辑器的一个页面上,我没有这个选项(十六进制)。在前面是OK的。但在其他网站,它的后端和前端还可以。可能是缓存或与某些插件冲突。幸运的是,这是一个测试页面

  69. 为什么我的评论还在等待节制?

    • 我想你已经回答了你自己的问题。如果一个评论正在等待审核,那么它还没有审核

      • 我的歉意。我被一个过分热心的浏览器缓存骗了,它在页面上停留了一天!

  70. 爱它! !

  71. 忍者!这是一个伟大的添加功能,我无法想象将节省多少时间,太棒了!谢谢

  72. 随着Divi的多彩更新,现在的直播是如此丰富多彩。欧宝体育app谢谢!

  73. 优秀的增强!

    还有有趣的新发型

  74. 如何启用或添加我的WordPress网站?

    • 把迪维升级到最新版本就行欧宝体育app了。关于如何使用全局颜色,请参阅上面的文章和视频。

  75. 这是实现配色方案的好方法,节省了我们很多时间,但是我在我的页面的css代码中找不到像css var这样的颜色。我很愚蠢,或者@Divi只是忘欧宝体育app记了用CSS var添加非常简单的代码行,这样我们就可以在DIVI网站的任何地方使用这些颜色,甚至在我们的自定义代码、模块或第三方插件中。

  76. 晚上好@nickroach
    这将会非常有用。谢谢。
    我们可以希望那些全局颜色被添加到html代码作为全局css var吗?
    这将是超级有用的所有自定义CSS, HTML, JS, CODE和模块,并将节省大量的时间

  77. 完全和彻底地棒极了!这是一个我非常欣赏的新功能。但是,我确实有一个相关的要求每Divi更新,包括在变更日志的最低RAM要求欧宝体育app。我最喜欢的电脑是一台屏幕为16:10、最大内存为4Gb的老式便携式电脑。它不能再处理Divi后端。欧宝体育app当然,大多数机器都有更高的RAM。但是RAM的使用很重要,而“页面加载开销”是至关重要的。最近的后端页面加载改进非常棒。任何这样的重构,无论是否涉及特性冗余,都是非常值得赞赏的,并将有助于保持Divi世界上最牛的网站建设框架(:欧宝体育app

  78. 哦,我多么希望我有这个我的第一个100 Divi和额外的网站!欧宝体育app感谢您添加这个优秀的新功能,再次为WordPress的设计和主题设置了标准!对于所有的新网站来说,新的全球系统是一个很简单的选择,当我在做旧的网站时,我会把它推广出去。谢谢ET团队!

  79. 超级!干得好,伙计们。保持它的到来。

  80. 不错的更新,但它错过了一些它的潜力,因为它不可能在整个网站上使用搜索和替换,只有一个页面一个页面。

  81. 很好的补充,谢谢。这是我将立即添加到构建过程中的一个特性。如果颜色在布局中设置为全局的话,这将是一个节省时间的方法。谢谢你的家伙。

  82. 喜欢新的全局颜色功能。

    但我的问题是,对于我们这些正在制作儿童主题或布局以在网上销售的开发者来说。我想把所有颜色都设置为全局颜色,打包成全局颜色。当买家安装并激活子主题时……全局颜色应该已经保存为全局。

    因此,买家可以很容易地更改子主题的颜色,以匹配他们的品牌颜色作为新的全局颜色。我一直在玩这个,我没有看到全局颜色设置保存,然后遵循到一个新的网站/页面。

    也许我遗漏了什么…请回复,我将在几周后向Divi Chicago小组做一个关于这个新功能的报告。欧宝体育app
    谢谢你!

  83. 我期待这样的功能已经有一段时间了,很高兴它终于出现了。

    唯一的事情,这将使这个更好(和另一个功能,我一直想要)是如果有一些方法来使用查找和替换整个网站。

    但是有了新的和以前的全局特性,包括主题构建器,我构建的新站点总是很容易在整个站点范围内进行更改。

    总而言之,这个新增特性是我选择Divi而不是其他页面构建器的原因。欧宝体育app不断增加的工具使设计人员和开发人员的生活更轻松。很棒的东西!

  84. 工具箱的另一个工具!很高兴知道我为未来的建筑节省了时间。由于等团队……

今日加入下载