Divi WordPress Theme

早在2017年6月,我们就审查了WordPress的一种新的可视网站生成器Oxygen。 那是氧气1.0。 现在,Soflyy的团队(同样位于WP All Import和WP Sandbox后面)又有了重大更新– 氧气2.0

像1.0一样,Oxygen 2.0可以帮助您建立自己的 整个WordPress网站 使用视觉编辑器。 但与您会遇到的大多数其他主题构建器不同,氧气 完全替代 您的主题。 您不只是注入页眉或页脚, 您正在构建整个WordPress网站

相当强大的东西! 如果那引起您的注意,请继续阅读我的Oxygen 2.0评论,以快速了解一些最大的新功能。 然后,我将为您动手看一看一切的运作方式。

氧气2.0评论:2.0的新增功能?

不可能涵盖所有单个功能,但让我快速强调一下Oxygen 2.0提供的一些最大功能:

  • 强大的布局控制 –基于flexbox,Oxygen 2.0的布局控件非常易于使用。 您可以快速创建水平和垂直布局,并完成所有子元素的对齐,而无需使用任何列(几乎每个页面构建器都需要)。 您也可以简单地拖动元素的侧面来调整间距和大小,这非常方便。
  • 拖放式视觉编辑 – Oxygen 2.0将拖放编辑添加到混合中! 现在,您除了可以操作DOM树之外,还可以在视觉预览上拖动元素。
  • 强大的模板 – Oxygen 2.0的模板系统使您可以为博客存档,单身人士等创建模板。 另外,您可以让模板继承自 其他模板。 我将在动手部分中说明这实际上有何帮助!
  • 完全的CSS控制 –您可以轻松地将CSS类应用于多个元素,以便日后轻松更新。 借助内置的编辑器,添加自己的自定义CSS非常容易,其中包括为不同的媒体查询断点添加自定义CSS的选项。

这些是我认为的重点-但这绝对不是完整的功能列表。 您将在动手部分中看到更多内容。

氧气2.0可以为谁提供帮助?

如果您只想为您现有的主题构建一些样式化的页面,则Oxygen并不适合您。

氧气适用于想要建立自己的身体的人 整个网站 –不只是这里和那里的几页。

在我对Oxygen 1.0的评论中,我这样写:

如果您是WordPress的临时用户,Oxygen并不是真正为您打造的(也不针对您销售)

我觉得还有 一些 真相。 但是Oxygen 2.0对我来说也对初学者更友好,这要归功于拖放编辑等功能

模板系统仍然可能使休闲用户感到不知所措。 但是我认为任何对WordPress主题如何组合在一起(例如页眉,内容,页脚,菜单等)有基本了解的人,使用Oxygen 2.0来构建网站都应该没有问题。

而且–与Oxygen 1.0一样–您仍然可以使用页面构建器 结合在一起 使用Oxygen 2.0。

Oxygen 2.0的动手实践:探索界面

好的,这是很多介绍。 现在,让我们动手使用Oxygen 2.0界面。

模板使世界运转

Oxygen 2.0的模板系统比常规的WordPress页面构建器更详细。

本质上,模板是一种布局,您可以将其应用于网站上的特定内容。 例如,您可能有一个应用于帖子的模板。 另一个页面等

但是Oxygen 2.0可让您获得真正的细节。 因此,您可以拥有以下内容:

  • 申请 范本A 到所有帖子
  • 申请 范本B 到中的所有帖子 摄影 类别

但在这种情况下,“摄影”类别中的帖子将符合以下条件: 两个都 模板A和模板B。那么会发生什么呢?

好吧,你可以使用 模板优先级 指示在该情况下应应用哪个模板:

氧气2.0审查模板

因此,模板有一个很酷的部分……但是它变得更酷。

你实际上可以有模板 继承 其他模板:

模板优先级

这就是有帮助的原因:

您可以为页眉和页脚创建一个模板,并为内容创建一个占位符。 然后,您可以为不同的内容创建不同的模板,而不必为每个内容重新创建页眉/页脚(因为每个内容模板都是从页眉/页脚模板继承的)。

这是正在发生的事的一个例子:

继承模板

相当灵活的东西!

使用Oxygen 2.0 Visual Builder

好的,所以您有点像上面的Oxygen 2.0 Visual Builder。 但是,让我们更深入地研究空白模板。

当您单击 +添加 单击左上角的按钮,您可以添加五种不同类别的设计元素:

  • 基本 –基本元素,例如节,标题,文本,图像,按钮等。
  • 帮手 –更高级的元素,例如标题构建器,定价框,滑块等。
  • WordPress的 –可让您动态插入WordPress内容,例如菜单,侧边栏,帖子标题,帖子内容等。
  • 图书馆 –使您可以从预制设计集中进行选择。 这些基本上就像预制的模板。
  • 可重复使用的 –您可以将自己的设计另存为 可重复使用的零件 并在此标签中重复使用它们。

您还可以在设计中包括其他插件的输出,例如WooCommerce产品或联系表。

添加元素

添加新元素时,边栏会更改以允许您设置该元素的样式。 你有 很多 样式控制:

风格元素

而且,如果内置选项不够用,您可以随时添加自己的自定义CSS样式或选择器,包括一个简单的下拉菜单,即可将CSS样式定位到特定设备:

使用css

  • 1个 –选择设备
  • 2个 –选择CSS选择器
  • 3 –在完整的编辑器中直接添加CSS样式

引入动态数据

Oxygen与标准页面构建器的另一个不同之处在于,它使导入动态数据变得如此容易。 “动态数据”是指您的WordPress内容。 例如,动态数据可以是:

  • 帖子标题
  • 特色图片
  • 帖子内容
  • 发表作者
  • 等等。

每当您导入动态数据时,都可以使用 预览版 下拉菜单以选择要预览的特定内容。 例如,这是默认值 你好,世界 添加一些动态数据元素后,该帖子看起来像:

制氧机动态数据

但是,除了这些“标准”内容之外,Oxygen还可以轻松地动态导入自定义字段。

例如,您可以使用 自订栏位 动态数据元素。 我在“高级自定义字段”中添加了一个文本字段来对其进行测试,而Oxygen立即将其添加到了下拉列表中:

氧气制造商自定义字段

除了使用预制的动态数据小部件,您还可以点击 插入资料 编辑其他元素时按一下按钮(像文字或标题)以这种方式插入动态数据:

插入资料

探索布局选项

正如我在开始时提到的,Oxygen 2.0真正擅长的领域之一是其布局选项。

编辑部分时,可以选择内部所有子元素的布局和对齐方式:

变更版面

这种方法优于大多数其他页面构建器的主要方法有两种:

  • 您可以创建水平布局,而无需使用列(虽然有一个列元素,如果你想要的话
  • 您无需为每个子元素设置对齐方式。 相反,您可以在分区级别控制所有内容 如果你想

除此之外,我觉得非常方便的另一件事是可拖动的间距。

例如,假设您有两个像下面这样的元素,并且想在它们之间添加空间:

间距

无需像大多数页面构建器一样深入研究页边距/间距控件,只需单击并拖动以创建间距即可:

增加间距

很方便!

界面的其他部分

最后,如果您喜欢Oxygen 1.0中的DOM树,则仍然可以在Oxygen 2.0中访问它:

dom结构

您也可以在全局级别上通过单击CSS样式表和选择器来管理CSS样式表和选择器。 管理 落下:

的CSS

氧气2.0多少钱?

目前,Oxygen 2.0保持与Oxygen 1.0推出时相同的有吸引力的价格结构:

只需99美元,您就可以在以下设备上使用Oxygen 2.0 无限的站点,包括客户网站。 但是,这才真正使这笔交易具有吸引力……

那99美元也能让你 终身更新终身支持

所以,至少在促销定价期间,为您和客户建立无限的网站需要99美元 一生

WordPress花园建议你也读一下这篇文章  和国内wordpress开发者常见的四种坑

关于氧气2.0的最终想法

我认为Oxygen 2.0在可用性和可访问性方面取得了很大的进步,特别是对于非开发人员而言。

拖放编辑的添加使元素移动变得更加容易,并且布局选项现在感觉真的很直观。

我还发现新的模板系统比Oxygen 1.0的处理方式更直观。 此外,我不记得Oxygen 1.0是否支持继承模板,但是我非常喜欢Oxygen 2.0中的此功能。

现在的价格很有吸引力,并且有一个 30天退款保证。 因此,如果您有兴趣使用视觉设计来构建整个WordPress主题,请尝试使用Oxygen 2.0。

获取氧气2.0

【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com

WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav

WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904

WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787

亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568

独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=