Divi 是我们最喜欢的 WordPress WooCommerce 主题,新的 Divi 3.0引入了一个全新的“可视化构建器”(也称为“前端编辑器”),它使用 React(一个用于用户界面的现代 JavaScript 库)从头开始重建。这个新的构建器允许用户使用简单而美观的视觉控件在其网站前端编辑他们的 WordPress 页面。当您激活构建器时,您将看到与网站前端完全相同的页面。
但是,如果创建者很活跃,则可以使用 Divi 的广泛内容元素和设计设置来编辑页面。您可以单击某个段落并开始输入、突出显示文本并调整其字体、大小和样式,或者打开任何元素的设置以更改其内容、外观和位置。拖放、调整大小、复制、粘贴、删除和重复元素也很容易。
页面变得生动起来,每个元素都感觉真实存在, 美国电话号码库 因为您可以以自然直观的方式操作一切。当您更改设计或向页面添加新内容时,这些更改会立即生效。这是因为新的可视化构建器不依赖于传统的加载,因此在大多数构建器工作期间都需要页面刷新或 Ajax 加载。这就是所见即所得 (WYSIWYG) 的未来。
从 Divi40+ 模块添加新内容
向 Divi 3.0 添加新内容很简单。将鼠标指针放在页面上的所需位置,然后单击“+”按钮以添加新元素。您将看到 Divi 的 40 多个内容模块列表,这些模块可用于创建几乎任何类型的网站。无需从中央停靠栏拖放内容,因为 Divi 的内容帮助始终在您需要时出现。
内联编辑器-1
轻松定制一切
当您开始编辑内容设计时,Divi 3.0 的美妙之处就显而易见。一切都是可定制的,您可以实时看到这些变化:
从数十种自定义字体中选择。
调整文本颜色、大小、行高和字母间距。
添加自定义填充和边距。
改变列结构和行高。
添加背景颜色和图像。
启用视差背景和视频背景。
拖放、复制和粘贴内容元素。
对每个断点使用不同的响应设计设置。
拖动以调整行高和行宽。
享受美妙的直切体验
当新的可视化构建器处于活动状态时,页面上的所有文本都将可编辑。无需打开元素设置即可编辑其文本内容。只需单击任意段落并开始键入即可添加文本,或突出显示任意文本以调整其字体、大小、样式和间距。他们为内联编辑器创建了一个自定义 UI,非常流畅且使用起来很棒。如果您曾经对标准、繁忙的 TinyMCE 界面感到沮丧,那么使用 Divi 3.0 时您会感到惊喜。