Divi Builder 设计模板下载及使用指南


Divi 是最受欢迎的 WordPress 主题和终极可视化页面生成器之一,它涵盖了 Divi 主题与 Divi Builder 编辑器。Divi主题或是Extra主题,均集成 Divi Builder 可视化编辑器,所以本文分享的模板与指南适用于 Divi 主题或是单独使用 Divi Builder 编辑器的网站。

Divi 主题与 Divi Builder 的关系

它们都由 Elegant Themes 开发,Divi Builder 是一个优秀的可视化页面编辑器,它不仅集成在 DiviExtra 主题中,还可以与单独安装与其它WordPress主题搭配使用。

Divi Builder 比 Elementor 编辑器成名更早,所以它也拥有众多粉丝和开发者的支持。

当 Divi 主题搭配 Divi Builder 使用时,性能和体验都非常好。(Divi 主题不需要额外安装Divi Builder,默认集成。)

Extra 主题则是Divi专为博客杂志类网站推出的,同样也默认集成 Divi Builder 编辑器。

安装 Divi 主题

因 Divi Builder 的最佳搭档是 Divi主题,所以我们推荐直接安装 Divi 主题来使用可视化编辑器。

下载 Divi 主题最新版

Divi Theme – WordPress多功能主题

安装主题

WordPress > 仪表板 > 外观 > 主题 > 安装主题 > 上传主题 > 立即安装。

下载并导入 Divi 设计模板

下载全套 Divi 布局模板(2024-06-18 补充)

导入布局模板

首先将下载的压缩包解压,得到207套模板的json文件(包含超过2000个页面模板)。

模板的效果预览可见:https://www.elegantthemes.com/layouts/,模板名称和json文件名称对应。

找到需要的模板后,回到WordPress后台,打开Divi菜单:

大约等待 1 分钟即可。

导入后的模板可以在Divi Builder页面编辑器或主题生成器中使用。每导入一个json文件,通常包含首页、联系、关于、登录页等多个页面的全套模板。

使用 Divi Builder 创建模板页面

现在使用主题集成的 Divi Builder 使用已导入的模板创建一个首页。

选择建立新模板。

选择刚才导入的 Fashion Layout Pack 模板套中的首页模板。

完成所有操作后,记得点击保存。

返回到前端首页,就能看到模板效果了。

Divi 的模板可以在页面编辑器里使用更方便,这里演示只是为了方便创建一个首页用于预览。

下载并导入 Divi 所有 块/Section 模板

上文中的模板是整套的设计模板,而块模板则是在页面编辑器中可以调用的块或Section模板。

导入方式与整套模板导入一样,只是使用的时候它并不是整页,而是块,如下图:

免责声明

本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(开源软件)。相关介绍资料仅供参考,实际版本可能因版本迭代或开发者调整而产生变化。涉及第三方原创图像、设计模板、远程服务等内容的使用,需获得作者授权。

精品WordPress资源下载