Featured Image 2 703x400

Divi Theme – 由Elegant Themes设计的最受欢迎,功能最强大的多功能WordPress主题之一。该主题以其灵活性和多种自定义选项而闻名。Divi可用于任何类型的利基网站。它可以完美地适合各种博客或网站。

Divi主题可使用其拖放可视化编辑器轻松设计和构建网站页面的布局。它将标准的WordPress帖子编辑器替换为更高级别的可视化编辑器。即使是新手或非技术人员也可以使用其可视化编辑器轻松设计出色的页面。还可以在WordPress仪表板上单击一下,从2000多种预制布局中导入。

Divi主题还支持响应式自定义设置,这使构建移动设备就绪站点变得容易。Divi使我们可以完全控制我们的网站在不同设备和屏幕尺寸下的外观。您可以根据需要自定义该主题的每个部分。Divi主题的版式设置使您的网站更加醒目。Divi主题还支持自定义CSS代码。简而言之,将Divi主题与Divi Builder结合在一起是在几分钟之内建立专业网站的最佳组合。如果需要,还可以使用任何其他页面构建器,不过Divi Builder应该是最佳搭档。

Divi主题的核心功能 – 终极WordPress主题

响应主题
跨浏览器支持
轻巧的编码和设计
高度定制
800多个专业设计的页面布局
易于导入和导出布局
可视编辑器支持
古腾堡支持
100多个完整的网站包
高度优化的搜索引擎
加载速度非常快
HTML5和CSS3用于构建
自定义CSS支持
自定义字体家族支持
定价表支持
广告准备就绪
SEO选项
Google字体支持
自定义徽标和站点图标支持
WooCommerce准备好了

Divi Theme v4.24.0 更新日志

推出 Divi AI 图像编辑器
修复了保存 Recaptcha 设置在联系表单中不起作用的问题。
安全更新:修复了导致某些修改后的管理员权限在多站点上重置的错误。 如果网站修改了管理员用户角色并删除了 unfiltered_html 权限,则该权限会被错误地添加回来。
安全更新:修复了存储的跨站点脚本漏洞:解决了贡献者级别或作者用户可以通过使用链接到自定义字段的特定 Divi 短代码将可执行 JavaScript 从自定义字段引入到帖子中的问题。
修复了当多个模块存在样式时,自由格式 CSS 不输出样式的问题。
修复了“查找替换”中“查找”字段中显示 AI 和库字段的问题。
修复了在内嵌文本编辑器工具栏中选择了错误选项的问题。
在主题生成器设置导出清单中添加了工具提示,以获得更好的用户体验。
更新了 apply_free_form_css() 和 setFreeFormCss() 方法以提高 CSS 灵活性和兼容性。
添加了对关闭导出模式的支持并修复了 TB 中的可移植性模式差异。
修复了各种 PHP v8.2 警告。
修复了 custom_functions.php 文件中数组键格式不正确的问题。
修复了 ContentResultsModal 组件的问题,该组件未正确处理字符串值,导致图像无法渲染。
修复了 CodeResultsRefine 组件中的一个问题,该问题在重试使用更新文本的提示时会导致错误。
解决了第一行代码超出视野的问题。
将优雅主题支持提升角色更改为管理员。
修复了未选中时导入的预设。
添加了用于查询分类法和处理 API 请求的新类属性。
修复了 Divi 中平滑滚动功能导致的 Hustle 插件的兼容性问题。
修复了模块定制器模块迁移中填充值格式不正确的问题。
修复了在设置模式中搜索期间“自定义 CSS”选项错误地附加“CSS”的问题。

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

Divi 主题与 Divi Builder 的关系

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

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

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

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

安装 Divi 主题

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

安装主题

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

导入布局模板

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

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

预览Divi设计模板

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

 

安装并启用主题后,点击Divi菜单

 

在Divi Library 库中导入模板 选择需要导入的模板文件 导入模板中

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

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

使用 Divi Builder 创建模板页面

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

Divi Builder 中创建一个首页模板

选择建立新模板。

创建首页模板 添加模板正文(Body) 从保存的布局中选择需要导入的页面

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

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

保存更改

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

首页 演示

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

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

Image

声明:本站所有资源收集和整理于网络,本站不参与制作,仅可用于学习使用,不得用于商业用途,版权归原作者所有。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。