团队和机构的氧气生成器:我们如何合作
已发表: 2022-04-10Oxygen Builder 是一个非常强大的工具,但是在创建网站方面的团队协作方面,事情可能会变得有些困难。 官方上,页面构建器背后的团队强烈建议一次只允许一个用户进行编辑。 不幸的是,对于有重大项目的机构来说,这是不可能的,并且可能会吓跑一些人而不使用这个工具。
![](/uploads/article/35038/xo0MP3LdVZi4rVfZ.jpeg)
在我们看来,优点远远超过这些缺点,我们已经找到了几种解决这些限制的方法。 在本文中,我们将讨论我们的团队在使用 Oxygen Builder 创建网站时如何协作。 在过去的一年中,我们已经过渡到在 Oxygen 中创建 100% 的所有代理网站和项目,对如何最好地做到这一点有了相当不错的了解。
2022 年 4 月更新:我们现在使用 DPlugins 的协作插件,它解决了 Oxygen Builder 上的多用户编辑问题。 在这里阅读我们的评论。
一、了解Builder的极限
在您甚至开始考虑使用 Oxygen Builder 进行协作之前,了解限制以及为什么多个用户很难使用 Oxygen 有效地创建网站是很重要的。
首先,您应该阅读 Oxygen 团队发表的这篇文章,其中准确说明了编辑锁定存在的原因(这种机制使得只有一个用户可以一次编辑)。 这是重要的东西:
“由于 Oxygen 保存全局样式、类和设置的方式,强烈建议不要使用 Oxygen 进行多用户或多选项卡编辑。
我们建议在使用 Oxygen 时使用单个选项卡,以避免一个选项卡保存旧数据而不是另一个选项卡的问题,从而导致覆盖您的新更改。 当两个或多个用户同时在 Oxygen 中工作时,也会发生同样的情况。”
本质上,所有内容都存储在一个中心位置。 选项卡不相互通信,因此如果一个开发人员在全局样式表中添加了自定义类或自定义 css,而另一个开发人员没有,即使第一次保存,如果第二个开发人员在之后保存,类和样式将被覆盖并丢失。 不利于合作。
如果您需要作为一个团队工作,重要的是要了解为什么会这样,这样您才能最好地规避这个问题。 同样,将被覆盖的两件事:1)添加了自定义类,以及 2)将 CSS 添加到全局样式表中。
只要页面/模板保存中只有一个用户,就会保存结构,以及为元素的单个 ID 设置的任何样式都可以。 但是如果你添加类(很重要,因为这非常节省时间),它们可能会被覆盖。
如果您不需要一次全部编辑,请不要。 但是,如果这对您的公司或项目至关重要,请尝试下面讨论的一些技术。
无论如何编辑(或禁用此)
首先要注意的是,您在技术上可以覆盖编辑锁定,这正是我们所做的。 没有要打开的设置,您只需单击“仍然编辑”链接。 这意味着我们的整个团队可以在技术上立即初始化构建器,但我强烈考虑更多地阅读我们如何做到这一点。 我们仍然需要考虑这里的覆盖问题。
![](/uploads/article/35038/bbMyER1EYHoGZi64.png)
需要注意的一件很酷的事情是,使用 Hydrogen Pack(我们的 Oxygen 顶级插件之一,我们每天都使用它),您可以关闭“编辑锁定”功能,将“无论如何编辑”隐藏在一起。 这只是美观,但不会真正影响工作流程。
使用框架
框架是一种心态,在Oxygen设计和建设网站的整个过程中都必须考虑到这一点。 框架是 CSS 类的集合,它们协同工作以帮助您以一致的方式构建您的网站。 框架在整个网页设计行业中非常普遍。 例如,有 Bootstrap、Tailwind 等。
![](/uploads/article/35038/BOPWHdbqzU8Eu7aw.jpeg)
通过最近的 Swiss Knife 更新,您可以将类批量上传到构建器中,调用框架样式表,并使用您拥有类列表的几乎任何东西。
![](https://s.stat888.com/img/bg.png)
对我们来说,我们使用了一个名为 Core CSS 的 Oxygen 特定框架。 这包含在 OxyNinja Core 中,由于该框架,它是我们最喜欢的插件之一。 这是来自网站的销售主张:
“结合 Core 实用程序类和 Oxygen Builder,使网站完全一致从未如此简单。 CSS 网格列、卡片、排版、大小和间距、颜色等等都已经设置好了!”
![](/uploads/article/35038/0YeRFnsULwapIF5N.png)
使用该框架,我们可以轻松地应用字体大小、填充等,而无需添加新的 CSS 类,并保持一致,甚至不需要中央数字样式指南。 因为这些类从开发一开始就安装在站点上,所以不需要添加新的类,这意味着没有任何内容被覆盖。
在构建器之外编写 CSS
作为代理商,我们喜欢使用 CSS 来制作独特的交互和悬停效果。 因此,我们通常有大量的自定义 CSS,每个开发人员都自己编写。 如果网站上一次只有一个用户,添加到全局样式表中会很好,但通常有多个开发人员在工作,因此我们需要一种方法来规避覆盖问题。
![](/uploads/article/35038/tRrKgC6HefUs63JE.png)
为此,我们只需在名为 Advanced Scripts 的第三方插件中编写 CSS。 这是由 Hydro Pack 背后的同一位开发人员创建的,是我们最喜欢的插件之一。 每个开发人员都有自己的样式表,他们在上面编写 CSS。 保存后,样式将全局应用于网站。 在项目结束时,所有样式都组合成一个主样式表。
不断沟通
在很多情况下,我们需要将特定的 CSS 类添加到建筑物中的各个元素。 当作为一个团队工作时,由于事情被覆盖的问题,这是有风险的。 为了做到正确并且不遗漏任何工作,我们都使用 slack 进行协作,您在一天中的某个时间点是否有一个开发人员负责所有必要的样式。 这可能是这个构建器最大的烦恼,但如果管理得当,所有数据都将被保存。
![](/uploads/article/35038/p0oWN1K9ick4cLOo.png)
因为与类关联的所有 CSS 都在样式表中,所以我们需要做的就是添加类,样式就会相应地应用。
我们也在试验几个概念。 例如,我们可以创建一个包含中央 CSS 样式表的 Github 存储库,并使用 VS Code 上的 Live Share 功能让所有人都能够一起编写样式。 然后,我们可以使用 Advanced Scripts 和 Statically 将样式传递到我们的网站。 我们最近还采用了 Swiss Knife 附带的批量上传类。
您是否以不同的方式做事,从而在 Oxygen 上实现更好的协作工作流程? 让我们在这里的评论中知道!