WordPress页面构建器Divi使用教程及常见问题

divi

WordPress页面构建器Divi使用教程及常见问题

Divi是由Elegant Themes公司开发的一款WordPress主题,它不仅提供了多种美观的设计和布局,还集成了一个强大的拖放式页面构建器,让你可以轻松地自定义和编辑你的网站内容。Divi还有以下特点:

  • 它支持主题构建和高级动态内容集成,让你可以控制网站的每个部分,包括页眉、页脚、侧边栏、归档页面等。
  • 它提供了超过800个预制的网站模板和100多个模块,涵盖了各种行业和场景,让你可以快速启动你的项目。
  • 它拥有一个全球化的社区,你可以在其中获取技术支持、分享经验、下载扩展插件和子主题等。
  • 它有一个灵活的定价方案,你可以选择年度订阅或者一次性购买终身许可,都可以无限制地使用Divi和Elegant Themes旗下的其他产品,包括Extra主题、Bloom电子邮件营销插件和Monarch社交媒体插件等。

Divi注册购买流程

要使用Divi,你首先需要购买一个许可证,并下载Divi主题文件。以下是具体的步骤:

  1. 点击上方按钮前往Elegant Themes官网,点击Join To Download按钮,选择你想要的方案(年度订阅或者终身许可),并填写你的账户信息和付款方式,完成购买。
  2. 登录你的Elegant Themes账户,点击My Downloads菜单,找到Divi Theme并下载zip文件到你的电脑上。
  3. 登录你的WordPress后台,点击外观-主题-添加新主题-上传主题,选择刚刚下载的zip文件,并安装并启用Divi主题。
  4. 点击Divi-主题选项-更新,在用户名和API密钥处输入你的Elegant Themes账户信息,并保存。这样就可以激活你的Divi许可证,并享受自动更新和技术支持等服务。

恭喜你,你已经成功注册并安装了Divi主题,现在你可以开始使用Divi构建你的网站了!

Divi使用教程

要使用Divi构建网站,你需要掌握三个基本概念:Section(区块)、Row(行)和Module(模块)。这三个概念构成了Divi页面构建器的核心结构,让你可以灵活地排列和组合内容元素。以下是它们的定义和作用:

  • Section是最大的构建单元,它们将一个网页分成几个主要区域。每个Section都有自己的背景、边距、填充等设置,可以用来创建不同的视觉效果。
  • Row位于Section内部,用于放置Module。Row可以有不同的列数和宽度比例,可以用来创建不同的布局效果。
  • Module位于Row内部,用于展示具体内容。Module有多种类型,例如文本、图片、按钮、计数器、滑块等。每个Module都有自己的样式、动画、背景等设置,可以用来创建不同的功能效果。

要创建一个页面,你只需要按照以下步骤操作:

  1. 在WordPress后台,点击页面-添加新页面,输入你的页面标题,然后点击启用可视化构建器按钮,进入Divi页面构建器界面。
  2. 在页面中,你可以看到一个蓝色的加号按钮,点击它可以添加一个新的Section。你可以选择使用一个空白的Section,或者从预制的模板库中选择一个Section。
  3. 在Section中,你可以看到一个绿色的加号按钮,点击它可以添加一个新的Row。你可以选择使用不同的列数和宽度比例来创建Row。
  4. 在Row中,你可以看到一个灰色的加号按钮,点击它可以添加一个新的Module。你可以选择使用不同类型的Module来展示你的内容。
  5. 在添加了Section、Row和Module之后,你可以点击它们上面的齿轮图标,来调整它们的设置。你可以在内容、设计和高级三个选项卡中切换,来修改它们的文本、样式、动画、背景等属性。
  6. 在完成了页面的设计之后,你可以点击页面底部的绿色按钮,来保存或发布你的页面。你也可以点击页面右下角的紫色圆圈按钮,来打开Divi工具栏,从中你可以访问更多的功能和设置。

Divi常见问题汇总

在使用Divi的过程中,你可能会遇到一些常见的问题或困惑。以下是一些常见问题的答案,希望对你有所帮助。

  • Divi是否兼容其他WordPress主题和插件?

    • Divi是一个完整的WordPress主题,它不需要其他主题来支持。但是,如果你想在其他主题上使用Divi页面构建器,你可以安装Divi Builder插件,它是Divi主题的核心功能。Divi Builder插件可以与任何WordPress主题兼容,并提供相同的拖放式界面和功能。
    • Divi也可以与大多数WordPress插件兼容,并提供了一些专门为Divi设计的插件和扩展。例如,你可以使用WooCommerce插件来创建在线商店,并使用Divi WooCommerce Builder来自定义商店页面。你也可以使用Contact Form 7插件来创建联系表单,并使用Divi Contact Form Module来嵌入表单到页面中。
  • Divi是否支持多语言和右到左语言?

    • Divi支持多语言和右到左语言,并提供了多种语言版本供你选择。你可以在Divi-主题选项-常规-WordPress语言设置中切换语言版本。如果你想创建一个多语言网站,你可以使用WPML插件或者Polylang插件来实现。
    • Divi也支持右到左语言,例如阿拉伯语、希伯来语等。当你切换到这些语言时,Divi会自动调整布局和样式,以适应阅读方向。
  • Divi是否支持响应式设计和移动设备优化?

    • Divi支持响应式设计和移动设备优化,并提供了多种工具和设置来帮助你创建适应不同屏幕尺寸和设备类型的网站。例如,你可以使用Divi Builder中的预览模式来查看不同设备下的页面效果,并使用自定义断点设置来调整不同设备下的布局和样式。你也可以使用Divi Builder中的可见性选项来控制不同设备下哪些内容显示或隐藏或隐藏。你还可以使用Divi Builder中的自定义CSS选项来添加你自己的样式代码,以实现更多的个性化效果。

以上就是一些关于Divi的常见问题的答案,如果你还有其他问题,你可以访问Divi官方文档或者Divi官方支持,或者加入Divi官方社区或者Divi中文社区,与其他Divi用户交流和求助。

总结

Divi是一个强大而流行的WordPress主题和页面构建器,它可以让你轻松地创建出令人惊艳的网站。在这篇博客中,我向你介绍了Divi的简介、注册流程、使用教程和常见问题汇总,希望对你有所帮助。感谢你的阅读,祝你使用Divi愉快!

梦想家路飞

8090后,跑者,骑行者,旅行者。业余股民,民宿管家,便利店店长,wordpress博主……

发表回复