Divi主题搭建WordPress网站教程

Divi主题目前是WordPress外贸建站可靠且快速的WordPress主题，但是因为Divi主题全英文的操作界面，对于国内一些商家来说，不太友好，所以接下来本文将向各位站长介绍Divi主题搭建WordPress网站教程的详细内容，以供各位参考。

一、获取域和虚拟主机

选择域名和网络托管是创建网站的两个基本步骤。

域名是网站的唯一地址，因此请选择一个相关且令人难忘的域名。另一方面网络托管用于将网站的文件存储在服务器上，因此请根据需要选择可靠的提供商。之后通过域名注册商注册域，进行主机托管设置，并通过 DNS 配置将域名连接到主机，即可完成WordPress网站搭建的前提步骤。

注：使用 SSL（安全套接字层）有利于确保网站的安全。缺少 HTTPS 可能会让谷歌浏览器（包括其他流行的浏览器）将网站标记为不安全。

二、安装 WordPress

完成域和托管后，就可以安装 WordPress 了。大多数托管服务提供商都提供一键式 WordPress 安装选项。在托管控制面板中查找“安装 WordPress”或“WordPress 安装程序”等选项。

按照提示选择要安装 WordPress 的域，设置管理员用户名和密码，并自定义其他基本设置。为了进一步保护网站，使用密码管理器可确保凭据安全存储并易于访问。

如果托管服务缺乏一键安装，可以按照以下步骤手动安装 WordPress：

转到 WordPress.org 下载安装文件。
下载文件并在本地计算机上解压缩。
使用托管服务提供商的文件管理器或 FTP 客户端上传解压缩的文件。
使用WordPress主机托管服务提供商的数据库管理工具为 WordPress 网站创建数据库。
为 WordPress 生成配置文件。
转到网站并按照屏幕上的说明完成 WordPress 安装。

三、配置WordPress

WordPress设置在确定网站如何运行和向访问者显示方面发挥着至关重要的作用，这些设置涵盖网站的各个方面，包括标题、URL 结构、评论等。

要访问设置，请登录 WordPress 仪表板，导航至“设置”，进行更改并保存，以下是需要在 WordPress 中配置的基本设置的细分：

1、常规设置

网站名称：输入网站名称，该名称将显示在浏览器选项卡和搜索引擎结果中。

标语：为网站添加简短描述或口号，为访问者提供快速概览。
WordPress 地址（URL）和站点地址（URL）：指定 WordPress独立站的 URL，确保它们准确且可访问。
管理电子邮件地址：输入用于管理目的的电子邮件地址，例如系统通知和用户管理。
会员：配置与用户注册和成员资格选项相关的设置（如果适用）。
新用户默认角色：选择注册时分配给新用户的默认角色。
站点语言：设置网站的语言，确保目标受众可以访问它。
时区：选择网站的时区，以确保帖子安排和时间戳准确无误。
日期和时间格式：选择在整个站点中显示日期和时间的格式。
本周开始时间：为日历和日期相关功能选择一周中的开始日期。

推荐阅读：《WordPress后台地址是什么及如何设置》

2、写作设置

默认帖子类别：选择新帖子的默认类别。
默认帖子格式：选择新帖子的默认格式，例如标准格式、图库格式或视频格式。
通过电子邮件发布：配置通过电子邮件发布的设置，允许远程发布内容。
更新服务：输入 ping 服务以在发布新内容时发出通知，从而有助于提高可见性。

3、阅读设置

首页显示：选择主页是显示最新帖子还是静态页面。
博客页面最多显示：设置每页显示的博客文章数量，以优化网站性能。
联合提要：配置WordPress网站的 RSS 提要的设置，这将允许用户轻松订阅内容。
对于提要中的每篇帖子请包括：在 RSS 提要中的博客文章的全文或摘要之间进行选择。
搜索引擎可见性：控制搜索引擎是否可以将网站编入索引。

推荐阅读：《WordPress RSS订阅如何做？》

4、讨论设置

默认帖子设置：指定评论和回传的默认设置，以控制用户与内容的交互方式。
其他注释设置：配置与评论审核和通知相关的设置，以管理用户参与度。
随时给我发电子邮件：选择是否接收各种评论相关事件的电子邮件通知，并随时了解用户活动。
在出现评论之前：控制评论是否需要手动批准才能显示，以防止垃圾内容。
评论审核：根据链接数量或表明潜在垃圾邮件的特定单词等因素，定义自动保留评论以供审核的标准。
不允许的注释键：输入触发自动评论审核或标记为垃圾邮件的字词、短语或 URL。
头像：决定是否在评论旁边显示用户头像，并为没有自定义图像的用户设置默认头像。

5、媒体设置

图像尺寸：设置缩略图、中型和大号图像的尺寸，优化整个网站的图像显示。
上传文件：配置组织上传文件的设置，确保高效的媒体管理。

6、永久链接设置

常用设置：为网站 URL 选择永久链接结构，在网站审核期间优化 SEO 和用户友好性。
自选：使用自定义设置自定义永久链接结构，根据特定内容类型定制 URL。

7、隐私设置

隐私政策页面：选择包含网站隐私政策的页面，确保遵守数据保护法规。

四、在WordPress上设置Divi主题

首先通过 Elegant 下载 Divi 主题，然后导航到 WordPress 仪表板并按照以下说明进行操作：

转到外观-主题。
单击“添加新”并选择“上传主题”。
选择 Divi 主题 ZIP 文件，然后单击“立即安装”。
安装成功后，单击“激活”将 Divi 设为应用主题。

必须使用 WordPress 仪表板中Elegant-Divi -主题选项-更新中的 API 密钥来验证 Divi 主题，输入密钥然后单击“保存更改”。

五、配置 Divi 主题

安装并激活 Divi 主题后，网站的前端将默认显示 Divi 主题图标，之后需要配置一些基本任务。

1、Divi主题选项配置

在 Divi 主题选项中，会找到 8 种不同的设置来微调WordPress网站：

常规：在“常规”选项卡下将找到徽标、调色板和社交媒体链接等基本要素的设置、侧边栏布局和 Google 字体等自定义选项，以及通过 CSS 和 Javascript 调整来优化性能以提高网站速度。
导航：在导航中有 3 个主要子类别。页面和类别由类似类型的设置组成，例如显示或隐藏下拉菜单、显示主页链接等。
构建器：构建器选项下有两个子选项卡，包括文章类型集成和一些高级设置。
布局：此类别中有 3 个子选项卡，它们都是关于希望如何在页面上显示布局的。
广告：如果想在网站上展示广告并更改设置，则此类别适合。
搜索引擎优化：这完全与页面 SEO 有关，希望如何处理主页、单页和索引页面。
集成：此选项卡有助于代码自定义集成。
更新：设置用户名、API 和版本回滚等基本更新。

2、配置全局

配置 Divi 主题涉及颜色、排版、页眉和页脚等全局设置，通过配置这些设置，可以在未来的文章和页面的设计过程中保持一致性。

颜色：Divi 色彩系统能够根据用户交互编辑和创建已保存的、全局的和最近的调色板，简化了颜色选择过程并确保整个WordPress网站建设的一致性。

只需按照以下步骤配置全局颜色：

导航到 WordPress 仪表板- Divi -主题选项。
找到“颜色选择器默认调色板”并为设计选择八种颜色。
字体排版：在排版面板中，可以修改网站范围内的默认文本外观，包括调整正文和标题字体大小、颜色、行高、字母间距和字体样式。

只需按照以下步骤在 Divi 中配置全局排版：

转到 WordPress 仪表板-外观自定义。
选择常规设置-排版。
自定义字体大小和样式，并为标题和正文等不同部分选择字体。

3、页眉和页脚设计

Divi 主题生成器允许向页面和文章动态添加全局页眉和页脚，彻底改变了网站设计。可以使用 Divi Builder 无缝创建自定义页眉或页脚，并将其应用于整个WordPress网站。

要创建全局页眉：

访问 Divi -主题生成器-仪表板-添加全局标题。
将在这里找到两个选项，构建全局页眉和从库添加。
插入多行以实现最佳菜单设计。
添加“图像”模块以上传徽标。
然后插入“菜单”模块并选择一个菜单或创建一个新菜单。
最后从模块设置中个性化标题，（可以将背景颜色调整为文本颜色、应用悬停效果等。）

要创建全局页脚：

导航到 Divi – Theme Builder -仪表板-添加全局页脚-构建全局页脚。
根据需要自定义设计、添加行并插入链接、社交图标、术语和注册表单等模块。

六、创建基本页面和菜单

在 WordPress 仪表板中，导航至左侧的 Divi 部分，将鼠标悬停在它上面并选择主题选项。
接下来转到仪表板左侧的页面选项，选择“添加新”，或者可以使用页面顶部的管理栏。
将鼠标悬停在“+ 新建”选项上，然后单击页面。
从主页开始为页面命名，在指定字段中输入标题，然后单击“发布”。
对要添加的每个新页面重复这些步骤，首先创建“关于我们”、“服务”、“博客”和“联系我们”等页面。

这为WordPress网站结构奠定了页面基础，之后也可以自定义样式。

七、使用Divi 主题和构建器设计网站

首先导航到仪表板-页面-所有页面-主页-使用 Divi 编辑以启动WordPress搭建过程。

1、设计主页部分

首先设计一个突出的主页部分，其中包含迷人的标题、副标题和号召性用语（CTA）按钮，通过选择与品牌相符的背景颜色来自定义主页部分。

接下来在主页部分中创建两行：

在第一行中，使用“标题”、“文本”和“按钮”模块创建引人注目的标题和副标题。
由于默认的 Divi 标题和文本模块缺少自定义选项，建议使用 DiviFlash 的高级标题模块，它为标题前缀、中缀和后缀提供了多种设计选项，以及双文本、分隔线、自定义边框等。
在第二行中，插入图像模块以直观地展示WordPress品牌独立站独特的视觉形象。

2、制作关于我们部分

更改该部分的背景颜色并添加两行：

在第一行中，插入一个图像模块以直观地表示品牌形象。
在第二行中，使用标题和文本模块来突出显示品牌故事的关键方面。

3、展示服务

创建一个专门的“我们的服务”部分来概述品牌产品，首先添加一个背景颜色与上一节对齐的部分。在两列中插入三行，以可视化六种不同的服务：

使用第一行中的简介模块来展示提供的服务。
对剩余的行重复该过程，保持WordPress设计和布局的一致性。

4、展示客户评价

通过展示客户评价来提高品牌的可信度，首先应用独特的背景颜色，使该部分与其他部分区分开来。

添加一个包含单行的新部分，并插入简介模块以包含标题。接下来在前一行的正下方添加另一行并插入滑块元素，利用其高级内容元素选项来添加和设计推荐。

或者可以选择 DiviFlash 的推荐轮播模块来增强功能，例如常规滑块或溢出、特定于设备的设置、可作的动画、项目顺序等。

5、联系我们部分

首先添加一个背景颜色与前几部分一致的新部分。

插入两行：

第一行将包含联系人字段，而第二行将显示有关品牌的基本信息。
利用第一行中的“联系表单”模块设计带有输入字段和提交按钮的表单。考虑使用 DiviFlash 的三个 Contact Form Styler 集成（WP Form、Contact Form 7 和 Gravity Form）之一来更好地自定义表单设计。
使用第二行的 Blurb 模块提供联系方式的简要概述。

添加所有内容元素后，单击“保存”按钮以保留布局并预览它，以确保无缝的用户体验。