安装主题是最重要的建立 WordPress 网站的步骤之一。主题赋予您的网站形式和功能,我们最喜欢的是超强大的页面构建器 Divi。如果这是您第一次安装 WordPress 主题,本指南将带您完成所有步骤,只需单击几下即可在您的网站上安装 Divi。

购买域名、配置服务器并安装 WordPress 后,就可以在您的网站上安装 Divi 主题包了。如果您还没有 WordPress 和 Divi 的虚拟主机,我们会在帖子中进一步推荐。

在本文中,您将学习:

  • 如何为 WordPress 和 Divi 网站选择最佳托管(以及我们对 Divi 网站托管的最佳推荐)
  • 如何在您的 WordPress 网站上安装 Divi
  • 为什么您应该为 Divi 使用子主题

让我们开始吧!

为您的 Divi 网站选择最好的虚拟主机

首先,您需要为您的网站准备一个虚拟主机包。如果您还没有决定选择哪个虚拟主机,请阅读下一节以获取我们的建议。如果您的网站已经拥有虚拟主机,请随时跳至 Divi 主题设置。

有数百家网络托管公司可供选择,从哪里开始可能会令人困惑!每个主机通常会提供共享、VPS 和专用解决方案。某些托管公司还提供更高级别的托管 WordPress 托管产品。

托管 WordPress 托管为希望减轻运行网站的一些技术问题的网络开发人员提供了更强大的解决方案。通常,这些高级功能包括缓存、额外的安全措施和性能增强(如免费 CDN)。这种形式的网络托管是专门为 WordPress 网站设计的,服务器也是这样配置和优化的。

虽然托管 WordPress 托管选项很棒,但 Divi 主题本身需要更多的服务器级 TLC 才能以最佳方式运行。如果您使用 Divi 主题有一段时间了,您就会知道需要特定的服务器设置。

我们的托管平台 Divi Hosting 负责这一切;为您配备一个开发的 Web 服务器,可以完美满足 Divi 网站的需求。我们所有的服务器规格都是为 Divi 网站完全设置的,并符合 Elegant Themes 推荐的服务器要求。

Divi Hosting 界面预览

Divi Hosting 套餐起价仅为每月 15.00 美元,包括免费 SSL 证书、每日备份、一键式网站克隆等。您的服务器和您的网站之间存在重要关系,因此请确保为您的网站设置正确的基础。

如何为 WordPress 安装 Divi 主题

既然您已经决定为 WordPress 和 Divi 选择虚拟主机,那么您需要安装 WordPress。大多数托管公司,包括 Divi Hosting,都可以一键安装 WordPress。这样,您就可以绕过在服务器上设置 WordPress 的手动过程并运行自动安装。

现在您已经为 WordPress 配置了服务器,是时候安装 Divi 了。向 WordPress 添加主题很容易,但首先,您需要下载 Divi 主题并拥有 zip 文件。

为此,请登录您的 Elegant Themes 帐户,从左侧菜单中选择“下载”选项卡,导航至“Divi 产品”选项,然后单击“下载”。

登录到您的 Elegant Themes 帐户并下载 Divi 主题

Divi 主题文件将开始下载,完成后您将在下载文件夹中找到一个名为 Divi.zip 的文件.不要解压缩文件;保持 .zip 格式不变。

现在,转到您的 WordPress 站点,登录,然后从仪表板导航到“外观”>“主题”菜单。

点击 Appearance>Themes 开始添加主题

点击顶部的 Add New 按钮。

在下一个屏幕上,单击上传主题。

接下来,单击“选择文件”按钮并从“下载”文件夹中选择 Divi.zip 文件。请记住,无需解压缩 Divi.zip 文件。如果您解压缩文件并上传文件夹,WordPress 主题安装将无法进行。

单击“选择文件”并从您的计算机中选择 Divi.zip 文件。

上传Divi.zip文件后,点击立即安装。

文件安装将自动运行。完成后,您将看到一条成功消息。此时,单击激活。

最后,您会在主题控制台中看到激活的 Divi 主题。

成功! Divi 主题已安装到您的 WordPress 站点上

恭喜!您已经在您的 WordPress 网站上成功安装了 Divi 主题。现在主题已安装并激活,站点前端将显示默认的 Divi 显示。

前端的 Divi 主题

启动并运行 Divi 主题后,您可以开始构建您的第一个 Divi 网站,但是,在开始之前您应该采取一些重要步骤.

在构建您的网站之前,最好先创建并安装 Divi 子主题。

了解儿童主题的来龙去脉一开始可能会令人困惑,但随着时间的推移,这将成为第二天性。知道这真的值得一试,因为它将极大地帮助您的网页设计和开发过程。

什么是 Divi 儿童主题?

子主题是在安装主主题或父主题后添加到 WordPress 站点的次要主题。如果您使用的是 Divi,则 Divi 主题本身就是父主题,而您刚刚从 Elegant Themes 下载并安装在您的 WordPress 站点上的文件将称为父主题文件。

简而言之:

  • 父主题是一个复杂开发的文件集合,当在 WordPress 站点上安装和激活时,将运行许多功能来贡献到网站的添加可行主题,用户可以编辑和自定义。在此示例中,Divi 主题是父主题。
  • 子主题是独立于父主题的实体,可以通过第三方开发人员创建或购买。子主题不会完全覆盖父主题,但只是部分覆盖。

Divi 儿童主题如何运作?

用最简单的术语来说,子主题“搭载”在父主题之上。当 WordPress 运行时,它首先查找子主题中存在的文件并执行它找到的代码。如果子主题中没有文件,该文件将执行父主题中的内容。

父子主题关系图

如果您想为您的 Divi 网站添加特殊功能,最好通过创建子主题并在此处添加相关代码来完成。例如,如果您想为您的 Divi 主题网站创建一个自定义的 404 错误页面,最好的方法是创建一个子主题,添加 404.php 文件并输入相关代码。

这可能看起来很迂回,但这是一个很好的衡量标准。

由开发机构(如Elegant Themes)构建的父主题(如Divi主题)会定期更新。这些可能是大规模的版本更新,或简单的错误修复或类似的东西。

在将自定义代码添加到父主题文件之一的情况下,为什么主题更新是重点,所以面对主题更新,那些更改将消失。因此,如果您花了很长时间编写自定义页眉、页脚或类似内容,并将这些自定义添加到您的父主题文件中,那么下次更新出现时,您会发现您的网站恢复为默认的 Divi 皮肤。

Divi Kids:推荐读物

我们已经发布了很多关于 Divi Kids 的文章。如果您是 Divi 的新手,或者即使您已经使用 Divi 一段时间但还没有使用过子主题,我们建议您通读这些文章。

  1. 关于在 WordPress 和 Divi 中使用子主题你需要知道的一切:这篇文章解释了子主题,它们是什么,它们是如何工作的,为什么你应该使用它们以及如何创建它们非常详细解释。
  2. 儿童主题和高级 Divi 儿童主题有什么区别:这篇文章解释了 Divi 儿童主题如何以不同的形式出现,无论是常规或“空白”儿童主题,还是高级儿童主题,例如作为由 Divi Space 和 Aspen Grove 等开发机构创建的 Divi 即用型解决方案工作室)。
  3. Divi 指南:在这里您可以找到 Divi 主题的全面概述,但是,有关子主题的更多信息,请向下滚动或单击菜单项“Divi 子主题和布局包”。

为了让 Divi 用户感到不可思议,Divi Space 提供了一个很棒的完全免费的工具 Divi Child Theme Builder,它非常易于使用,并且与 Divi 主题结合使用效果特别好。

您所要做的就是转到子主题生成器,输入与您的 Divi 站点相关的详细信息,您将收到一封包含子主题文件的电子邮件。

为您的 Divi 站点使用免费的子主题生成器

您需要做的就是在安装父主题后,将子主题文件安装到您的 WordPress 站点,然后最好开始建立 Divi 网站。

结束思考

有了正确的虚拟主机和子主题,您的 Divi 网站将取得成功。您的网站将针对性能进行优化,所有自定义设置都将受到保护。

我们希望本指南能帮助您启动并运行您的第一个 Divi 网站。欢迎在下方分享您的意见或问题。我们很想听听您的反馈!

感谢阅读!

资源