如何使用 Divi 创建有利可图的 WordPress 博客
已发表: 2022-08-16如果您打算创建一个有利可图的 WordPress 博客并正在寻找一些见解,那么您可能来对地方了。 在本文中,我们将逐步向您展示创建基于 WordPress 的博客。 不仅仅是一个博客,而是一个能给你带来利润的博客。 更具体地说,我们将向您展示如何使用 Divi 创建 WordPress 博客。
我们根据我们在发展 WP Pagebuilders(您当前正在阅读的博客)方面的经验编写本指南。 目前,我们的博客已成功每月产生约 2,000 至 3,000 美元,其中主要收入来源来自联盟营销。 正如您在此博客中看到的那样,我们写了很多关于 Divi 和 Elementor 的文章。 两者都是提供有趣的会员计划的两个最受欢迎的 WordPress 产品。 自 2020 年以来,我们一直在加入 Elementor 和 Elegant Themes(Divi 的开发者)的联盟计划。
我们决定创建一个附属博客,因为它比依赖 PPC 广告的博客(例如,Google AdSense)需要更少的流量。 供您参考,我们的博客每天的访问量不到 2,000 次,这个数字非常少。 但是我们设法每月赚取 2,000 到 3,000 美元(每天大约 66 到 100 美元),因为我们有目标受众(稍后将介绍)。
那么,你准备好了吗? 继续阅读。
关于 Divi 的简要介绍
当然,在更进一步之前,您需要先了解 Divi。
什么是迪维?
Divi 是由 Elegant Themes 开发的 WordPress 主题。 它带有一个名为 Divi Builder 的内置页面构建器——您可以使用它来创建博客的核心页面(主页、关于页面、联系页面等)。 Divi Builder 带有几个有用的博客功能,包括 Theme Builder,您可以使用它为网站部分(页眉、页脚、博客文章布局、存档页面等)创建自定义模板。
Divi 还支持与 MailPoet、MailerLite 和 Mailchimp 等通讯插件和服务的集成。 时事通讯是博客中最重要的方面之一。 开发没有时事通讯的博客是一个巨大的错误。 稍后我们将介绍时事通讯。
Divi 是一个付费主题。 您可以通过两种方式获得它:
- 通过成为优雅主题的年度会员: 89/年
- 一次性购买选项: 249 美元
无论您选择哪个选项,您都可以永久访问 Divi 更新和支持。 除了 Divi,您还可以访问由 Elegant Themes 开发的其他产品,包括 Bloom 和 Monarch。 从 Elegant Themes 购买 Divi 主题的有趣之处在于,您可以将其安装在任意数量的博客上——无需额外费用。
第 1 步:设置如何通过博客获利
在上面的开头部分,我们提到我们的主要收入来源来自联盟营销。 即便如此,实际上还有其他几个选项可以通过您的博客获利。 一般来说,博主通过以下方法从他们的博客中赚钱。
- 销售联属产品(联属营销)
- 安装 PPC 广告
- 卖电子书
- 接受赞助内容
- 提供付费内容
我们将把讨论范围缩小到联盟营销,因为这是我们迄今为止一直在实践的。 如果您想了解有关其他获利方法的更多信息,可以阅读这篇有用的博客文章。
我们个人推荐联属网络营销,因为它不需要大量的访问者。 更多的访客意味着更高的托管计划。 更高的托管计划意味着更高的费用。
第 2 步:选择博客利基和域
重要的是要注意创建博客与创建其他业务类型没有什么不同。 首先,您需要找到并设置博客的市场(受众)。 在博客的背景下, 每日 500 名目标访问者优于 5,000 名非目标每日访问者.
请注意,您将要创建一个博客,而不是在线杂志(即使是在线杂志也需要一个利基市场)。 如果您的主题过于笼统,那么您的博客将更难在搜索引擎上竞争。 此外,建立忠实的读者群(尤其是电子邮件订阅者)需要付出额外的努力。
在最终获得域名wppagebuilders.com 之前,我们最初想注册一个代表 WordPress 的不同域名。 但我们认为 WordPress 主题过于笼统,因此我们决定选择一个更具体的主题(本例中为页面构建器插件)。 另一个原因,有一些更成熟的 WordPress 博客很难与之竞争。
通过选择更具体的主题,您的博客文章出现在搜索引擎结果首页的机会更高,因为搜索引擎会更好地理解您博客的主题。 为了证明这一点,请看下面的屏幕截图。
![](/uploads/article/41481/bJ2f009YZfrXUFuj.png)
上面的屏幕截图显示了我们赢得比赛的搜索查询(在 Google 上)。 如果您使用上述查询之一在 Google 上进行搜索,您会在首页找到wppagebuilders.com的博客文章(有些甚至在顶部列表中)。
这些只是例子。 wppagebuilders.com还有许多其他关键字在搜索引擎竞争中获胜。
你能猜出原因吗?
这是因为wppagebuilders.com是一个关于 WordPress 页面构建器插件的博客,并定期撰写有关 Elementor、Divi Builder 和其他页面构建器主题的文章。 如前所述,您博客的主题(在营销界称为“利基”)越具体,它赢得搜索引擎竞争的机会就越大。
— 如何为您的博客选择一个利基和名称
再次记住规则。 您博客的主题(利基)越具体越好. 造成这种情况的三个主要原因是:
- 更容易将流量转化为销售额
- 建立忠实的读者群更容易
- 在搜索引擎上赢得竞争的机会越大
一旦你理解了,你就可以开始寻找你的博客的利基了。 怎么做?
您可以首先定义一般主题,然后将其分解为一些更具体的主题。 wppagebuilders.com——正如你在上面所读到的——是一个你可以用作参考的例子。
需要更多示例吗?
假设您想创建一个摄影博客。 可以搜索风光摄影、旅游摄影、数码摄影、手机摄影等一些摄影衍生品。 找到一个你最擅长的衍生品,然后选择它作为你博客的主题。 当然,随着博客的运行,您可以编写更广泛的主题,但您的重点应该放在您事先选择的主要主题上。 你应该在这个话题上获胜(在搜索引擎上)。
选择主题/利基后,您可以继续使用博客名称。 然后,您可以检查博客名称的域是否可用。
要搜索博客利基,您可以使用 Google Keyword Planner 之类的工具来计算竞争水平和搜索量。 如果您有足够的资金,您可以使用 Ahrefs、Semrush 和 Wordtracker 等付费工具。
在研究博客利基时,您应该注意的两个主要指标是:
- 每月搜索量
- 比赛级别
如果您能找到一个每月搜索量高且竞争低的博客利基市场,那就太好了。
第 3 步:为 Divi 选择可靠的主机
选择网络托管服务提供商是创建博客的另一个关键步骤。 您需要确保您的托管服务提供商足够可靠以运行您的博客。 包括何时发生流量激增。
对于 Divi,我们强烈推荐两种托管服务类型:
- 迪维托管
- 托管 WordPress 托管
— 迪维托管
优雅主题与著名的网络托管服务提供商合作,提供专为 Divi 设计的托管计划。 该合作伙伴关系称为 Divi Hosting。
Divi Hosting 上的所有托管计划都预装了 Divi,因此您无需自己安装 Divi。 Divi Hosting 计划中包含的其他功能因计划和托管服务提供商而异。 但总的来说,您将获得以下功能:
- Divi 预装(当然)
- 安全
- CDN 和缓存
- 暂存环境
提供 Divi Hosting 计划的托管服务提供商是:
- 可压
- 飞轮
- 云道
- 场地地面
— 托管 WordPress 托管
托管 WordPress 托管是一种网络托管服务类型,其中资源针对 WordPress 进行了优化,而不仅仅是 Divi。 托管 WordPress 主机具有自动软件更新(WordPress 核心和插件)、备份、安全和性能优化(CDN 和缓存)等功能。
今天,几乎所有著名的网络托管服务提供商都提供托管的 WordPress 托管计划,包括 Bluehost。 如果您更喜欢使用托管 WordPress 托管而不是 Divi 托管,我们的建议之一是 Bluehost。
Bluehost 是 WordPress 博主和 WordPress 用户普遍使用的值得信赖、可靠的网络托管服务提供商。 在 Bluehost 中,托管的 WordPress 托管服务称为 WP Pro。 WP Pro 提供三个计划: Build 、 Grow和Scale 。 您可以根据自己的需要选择一种。
![](/uploads/article/41481/XU80GUj70u6gSEC0.png)
那么,您应该使用 Divi 托管还是托管 WordPress 托管?
明确地说,Divi Hosting 在技术上也是托管的 WordPress 托管。 不同之处在于,在 Divi Hosting 上,您不必自己安装 Divi。 最重要的是,使用 Divi Hosting 可以节省您的费用,因为托管计划与 Divi 捆绑在一起。 当您使用托管 WordPress 托管时,您需要将预算花在两个组件上:托管服务和 Divi。
这个问题的明智答案是: 在订阅之前阅读每个托管计划提供的规格.
第 4 步:注册域并安装您的博客
确定要订阅的托管计划后,下一步就是注册您的域。
域注册是在托管计划注册上完成的。 您将被要求输入域名以完成注册过程。 在此示例中,我们将向您展示如何在 Bluehost 上注册您的域。
首先,访问 Bluehost 网站。 将光标悬停在WordPress菜单上并选择WP Pro 。
![](/uploads/article/41481/eVQHHvolwslgemkB.jpg)
选择您想要的计划,然后单击“选择”按钮。
![](/uploads/article/41481/tIBZQzZ3q4fsww2n.jpg)
在下一步中,在创建新域列中输入您的域名。 确保选择域扩展名(.com、.net、.org 等)。 单击下一步按钮继续。
![](/uploads/article/41481/02pcBCCjoURKl33z.png)
如果您的域可用,您将看到绿色通知并可以继续下一步。 在帐户信息部分,填写必填字段,例如姓名、国家、城市、电子邮件地址等。
![](/uploads/article/41481/gUBI9l6MXJATZWnL.png)
在包信息部分,选择您要订阅的计划。
![](/uploads/article/41481/IUVGntsP0mOahQjz.png)
在付款信息部分,添加您的信用卡/借记卡号和 CVV 代码。 如果您想通过 PayPal 支付,您可以点击更多支付选项链接并选择使用 PayPal 支付选项。 接受用户协议并单击提交按钮。
![](/uploads/article/41481/6syDqQQAUU3EfB1n.png)
完成付款。 完成后,您将被重定向到可以创建 Bluehost 帐户的页面。 单击创建您的帐户按钮以创建帐户。
![](/uploads/article/41481/WVhug2oeeXP7sEx9.png)
创建您的密码并接受用户协议。 单击创建帐户按钮。
![](/uploads/article/41481/npsIFpAaWJtULfR4.png)
您的帐户已准备就绪。 单击转到登录按钮以登录到 Bluehost 仪表板。
![](/uploads/article/41481/cHid1YyUZEXLS60K.png)
— 在 Bluehost 上安装 WordPress
现在您的帐户已创建,您可以开始在 Bluehost 上安装 WordPress。
每次您想登录 Bluehost 时,您都可以访问 bluehost.com 并单击顶部栏上的登录菜单。
![](/uploads/article/41481/HAghTt69flWle2Ki.jpg)
要开始安装 WordPress,请登录 Bluehost 并单击创建您的网站按钮。
![](/uploads/article/41481/dM7qFvKGBbZbnj2Z.png)
跳过接下来的两个步骤,直到看到以下屏幕。 选择左侧选项,然后单击开始按钮。
![](/uploads/article/41481/jqg3TvrTv5bxLDEb.png)
在接下来的步骤中,您将被问及基本问题。 您可以跳过这些步骤来选择主题。 您可以从免费主题开始。 到这里为止,您的博客已经准备就绪,可以通过在网络浏览器上输入您的域名来访问。
要管理您的博客,您可以通过单击右上角的登录 WordPress按钮登录到 Bluehost 仪表板。
![](/uploads/article/41481/Na5XB5TNbYg8NaGD.png)
为了让您更轻松地登录 WordPress 仪表板,您可以在 WordPress 博客上添加新用户。 下次,一旦您有了新帐户,您就无需每次想登录 WordPress 仪表板时都登录 Bluehost。 相反,您只需在网络浏览器上输入yourblog.com/wp-admin并使用您的新帐户登录。
要创建新帐户,请转到 WordPress 仪表板上的用户 -> 添加新帐户。
![](/uploads/article/41481/kthl6NTlkzKQggtt.png)
输入用户名、电子邮件地址、姓名和密码。 为新用户选择角色,然后单击添加新用户按钮。
![](/uploads/article/41481/jtAxntTEz9vQMC2P.png)
创建帐户后,您可以使用它登录 WordPress 仪表板。
— 设置 SSL
在您进一步使用博客之前,设置 SSL 至关重要。 如果您不设置它,您的博客将被网络浏览器标记为不安全。
![](/uploads/article/41481/yEDt1Z3aH0aPaaXJ.png)
Bluehost 包括免费的 SSL 功能(由 Let's Encrypt 提供)。 要使用它,请使用您的帐户登录 Bluehost。 登录后,单击管理站点按钮。
![](/uploads/article/41481/U8xoHiajZ7upogQk.png)
接下来,转到安全选项卡并确保启用SSL 证书:让我们加密选项。
![](/uploads/article/41481/aDSd1H1kM6zQZXsa.png)
注意:如果您在打开安全选项卡时发现 SSL 不可用消息,您可以联系 Bluehost 进行修复。 您可以通过实时聊天或 Twitter @bluehostsupport 联系 Bluehost。
确保 SSL 已启用后,登录到您的 WordPress 仪表板并转到Settings -> General 。
![](/uploads/article/41481/CnNYudPK9rFzj1oo.png)
通过在“http”部分添加“s”字母来编辑默认 URL。 我们还建议您添加“www”。
![](/uploads/article/41481/FFajAe6FHTAvh3Pg.gif)
确保单击底部的保存更改按钮以应用更改。
除了设置 SSL,我们还强烈建议您设置永久链接。 我们建议使用更简单的永久链接以获得更简单的 URL 结构(推荐用于 SEO)。
要设置永久链接,请转到 WordPress 仪表板上的设置 -> 永久链接。 选择一个你想要的永久链接(我们推荐post name )。
![](/uploads/article/41481/hW1Y8Zekt8YQWk9U.jpg)
确保单击保存更改按钮以应用更改。
第 5 步:安装 Divi
如果您使用 Divi Hosting,则可以跳过此步骤。 如果您使用托管 WordPress 托管,您可以继续阅读本节。
假设您已在优雅主题上完成购买,请使用您的帐户登录。 登录后,单击“我的下载”菜单进入“会员区”页面。
![](/uploads/article/41481/OmU43d14BLKZJouT.jpg)
单击“下载 DIVI 主题”按钮下载 Divi 主题。
![](/uploads/article/41481/Fs3qs3zbHJlrLjqb.jpg)
下载 Divi 主题后,登录到您的 WordPress 仪表板并转到Appearance -> Themes 。 单击添加新按钮以安装新主题。
![](/uploads/article/41481/qEG3kRCuRakn5oxY.jpg)
单击上传主题按钮 - 然后单击选择文件按钮 - 选择您刚刚下载的 Divi 主题(ZIP 格式)。 单击立即安装按钮开始安装。
![](/uploads/article/41481/Hs9DP8WL6AMNsBJV.jpg)
稍等片刻,直到安装过程完成。 安装 Divi 主题后立即激活它。
注意:如果您有自己的主机选择(除了我们上面推荐的),并且发现安装过程存在问题,您可以阅读这篇文章来解决问题。
— 激活许可证密钥以接收未来更新
为了接收新的 Divi 更新,您需要通过输入您的用户名和 API 密钥来激活您的许可证。 要获取 Divi 用户名和API密钥,请单击优雅主题仪表板上的用户名和 API 密钥。
![](/uploads/article/41481/PVhbmTUgrdSZDZiA.jpg)
复制您的用户名和 API 密钥。
![](/uploads/article/41481/eZgicGCXmiaRtFr9.jpg)
切换回您的 WordPress 仪表板并转到Divi -> Theme Options 。 转到更新选项卡并输入您的用户名和 API 密钥。 单击保存更改按钮以应用更改。
![](/uploads/article/41481/a1H8SP6MX7bY7it9.jpg)
— 进行必要的设置
在进一步使用 Divi 之前,您可以先在 Divi 网站上进行必要的设置。 您需要预先进行的三个基本设置是:
- 网站标志
徽标是您网站的主要标识。 您可以将其放置在页眉、页脚或任何您想要的区域。 要在 Divi 上设置网站徽标,请转到 WordPress 仪表板上的Divi -> 主题选项。 在“常规”选项卡下的“徽标”选项上,单击“上传”按钮并选择您的徽标图像。
![](/uploads/article/41481/EvHV9x1BiG9sWO9y.jpg)
- 网站图标
Favicon 是用户访问您的网站时出现在 Web 浏览器选项卡上的图标。 在大多数 WordPress 网站上,默认图标是 WordPress 图标。
![](/uploads/article/41481/rJENFKwq0rV6xZOa.jpg)
要设置 Divi 博客的图标,请转到 WordPress 仪表板上的Divi -> Theme Customizer 。 打开General Settings块并选择Site Identity 。
![](/uploads/article/41481/D2mlSuEW5oup1UnX.jpg)
单击选择站点图标按钮以选择要用作网站图标的图像。 favicon 推荐的图片格式为 PNG,尺寸为 512×512。
单击发布按钮以应用更改。
![](/uploads/article/41481/byc4koNYhig7OYDW.jpg)
- 在帖子上禁用 Divi Builder
Divi 主题带有一个名为 Divi Builder 的内置页面构建器 - 您可以使用它来创建博客的核心页面。 默认情况下,当您想在 WordPress 上创建新内容(无论是页面还是帖子)时,可以使用 Divi Builder 选项。
由于您想将 Divi 用于博客,我们强烈建议您在帖子上禁用 Divi Builder。 这样,每次您想创建新的博客文章时,都不会询问您是要使用默认的 WordPress 编辑器还是 Divi Builder。 要在帖子上禁用 Divi Builder,请转到 WordPress 仪表板上的Divi -> 主题选项。 打开Builder选项卡并滑动Posts上的开关。 单击保存更改按钮以应用更改。
![](/uploads/article/41481/zasY7KQ4uio1M8uR.jpg)
- 设置博客文章编辑器
从 5.0 版开始,WordPress 有了一个新的编辑器,称为块编辑器,又名 Gutenberg。 在此版本之前,WordPress 提供了一个现在称为经典编辑器的编辑器。
![](/uploads/article/41481/Cle9jWSBcgmSiCYU.jpg)
![](/uploads/article/41481/H8ov1bByid0BDK2R.jpg)
虽然我们建议您使用 Gutenberg,因为它与更多 WordPress 插件更兼容,但使用哪个编辑器取决于您。
如果您想使用 Gutenberg 作为博客文章编辑器,则无需更改任何内容。 如果更喜欢使用经典编辑器,您可以先启用它。 转到 WordPress 仪表板上的Divi -> 主题选项。 在Builder选项卡下,单击Advanced子选项卡并滑动Enable Classic Editor选项上的开关。 单击保存更改按钮以应用更改。
![](/uploads/article/41481/BHCL0fjKB5nRZ5FH.jpg)
我们个人建议使用古腾堡,因为它提供了更多的创意元素。 您可以轻松添加按钮和表格等元素,并对其进行自定义。
第 6 步:设计您的 Divi 博客
完成基本设置后,下一步就是设计您的 Divi 博客。 使用 Divi 写博客时最好的事情是,您可以控制博客的每个部分——即使您没有编码技能,这要归功于 Divi 的 Theme Builder 功能。
在开始设计博客之前,您需要了解您的博客由以下主要部分组成:
- 标题
- 页脚
- 单篇文章布局(也称为博客文章布局)
- 存档页面
- 搜索结果页面
- 404错误页面
除了以上部分,您还需要根据需要创建必要的页面,如主页、关于页面、联系页面和其他页面。
您可以使用 Divi Builder 以可视方式创建这些部分和页面。 不好玩吗?
让我们从标题开始。
但首先,您可能想要创建一个放置在标题上的菜单。 如果您是 WordPress 新手,可以阅读本文以了解如何创建菜单。
— 设计标题
在 Divi 中设计博客标题有两种选择。 首先,您可以使用主题定制器。 其次,您可以使用主题生成器。 如果你想创建一个简单的标题,那么使用 Theme Customizer 就足够了。 相反,如果您想使用自己的设计创建完全自定义的标题,除了 Theme Builder 没有其他选择。
## 使用主题定制器设计标题
要使用 Theme Customizer 设计标题,您可以在 WordPress 仪表板上转到Divi -> Theme Customizer 。 这将带您进入主题定制器屏幕。 接下来,单击标题和导航块。
![](/uploads/article/41481/ZWI4uHPdvHG6YReR.jpg)
如您所见,您可以打开五个子块来设置标题样式。
- 标题格式
您可以打开此子块来设置标题格式。 您可以选择五种标题格式:默认(左侧徽标)、居中、居中内联徽标、滑入和全屏。
![](/uploads/article/41481/5BCXpvyUdsETWJYW.jpg)
- 主菜单栏
您可以打开此子块来自定义主菜单栏的外观。 您可以设置高度、文本大小、字体系列、字体样式、字体颜色、菜单背景颜色、下拉菜单颜色等。
![](/uploads/article/41481/iGL3sa9KA4XPxKdb.jpg)
- 二级菜单栏
二级菜单栏是位于主菜单正上方的菜单栏。
![](/uploads/article/41481/7GS2BcqsK5LwQPxm.jpg)
您可以通过打开二级菜单栏子块来自定义二级菜单栏的外观。 与上面的主菜单栏相同,您还可以设置诸如您可以设置文本大小、字体系列、字体样式、文本颜色、背景颜色等内容。
![](/uploads/article/41481/7NFPWIMl0FXt9GEd.jpg)
- 固定导航设置
Divi 有一个内置的置顶功能。 粘性标题本身是一种标题类型,当页面向下滚动时它仍然可见。 这是示例:
![](/uploads/article/41481/A0Y8zS32bzsz5qb8.gif)
您可以自定义置顶标题,例如设置背景颜色、高度、文本大小等。 只需打开固定导航设置块即可自定义粘性标题。
请注意,如果您想使用粘性标题,您需要确保该功能已启用。 为此,请转到 WordPress 仪表板上的Divi -> 主题选项。 确保启用了固定导航栏选项。
![](/uploads/article/41481/ehNgUbYVbiU9BqeS.jpg)
- 标题元素
您可以打开Header Elements块以显示/隐藏 Divi 提供的元素。 这些元素是社交媒体图标、搜索图标、电话号码和电子邮件地址。 这些元素显示在辅助标题(顶部栏)上,但搜索图标除外 - 它显示在主标题上。
![](https://s.stat888.com/img/bg.png)
![](/uploads/article/41481/g79fBOCJLyc8JvA5.jpg)
要设置要显示的社交媒体图标以及链接,您可以转到Divi -> Theme Options 。 在“常规”选项卡上,向下滚动到社交部分以选择社交媒体平台并设置链接。
![](/uploads/article/41481/ekeDtMoSzDxwlz8I.jpg)
通过主题定制器完成博客标题的设计后,请确保单击“发布”按钮以应用您所做的更改。
![](/uploads/article/41481/OjlcfTv13mG3LObp.jpg)
如果您想创建更多博客,您可以导出您自定义的标题并将其导入新博客,这样您就无需从头开始设计下一个博客的标题。
要导出/导入标题设计,您可以单击关闭按钮旁边的两个箭头图标。
![](/uploads/article/41481/mPNdfX7WU5rH4qP6.jpg)
在出现的对话框中,为您的文件命名,然后单击Export Divi Customizer Settings按钮以导出设计。
![](/uploads/article/41481/hZT8B6lyFr2vxtRX.jpg)
要导入设计(自定义标题),请切换到导出选项卡。 选择您要导入的设计的 JSON 文件,然后单击Import Divi Customizer Settings按钮。
![](/uploads/article/41481/3lK5zbojQm0riAcU.jpg)
## 使用主题生成器设计标题
如本文开头部分所述,Divi 带有主题生成器功能,您可以使用该功能以可视方式创建自定义站点部分。
主题生成器通过将站点主题的默认部分(在我们的例子中为 Divi)替换为您自己创建的自定义模板来工作. 话虽如此,如果您使用 Divi Theme Builder 创建自定义标题,您通过上面的 Theme Customizer 自定义的默认标题将被替换。
使用 Theme Builder 创建自定义站点部件时,从技术上讲,您拥有无限的设计选项。 使用 Theme Builder 的另一个优点是您可以设置自定义模板的应用位置。 无论是整个网站还是特定页面(或帖子)。
要开始创建自定义标题模板,请转到 WordPress 仪表板上的Divi -> Theme Builder 。 这将打开 Divi 的 Theme Builder 页面,默认情况下该页面已经有一个全局模板集。 如果要为整个网站创建自定义标题,只需单击Add Global Header -> Select Global Header即可编辑标题模板。
![](/uploads/article/41481/vfLUdUJtIoF2bIpp.jpg)
相反,如果您想为特定页面或帖子创建自定义标题,您可以通过单击加号图标创建新模板集。
![](/uploads/article/41481/u8lnOAg5KcRvhoic.jpg)
设置要将自定义模板集应用到的位置,然后单击“创建模板”按钮。
![](/uploads/article/41481/hOYp1MqnmRyUyJsf.jpg)
通过单击Add Custom Header -> Built Custom Header来编辑模板。
![](/uploads/article/41481/psJPldZfw6GL4WXB.jpg)
有关如何使用主题生成器在 Divi 中创建自定义标题的更详细说明,您可以在此处参考我们的文章。
— 设计页脚
与页眉一样,也有两种方法可以设计博客的页脚:通过主题定制器和通过主题生成器。
## 使用主题定制器设计页脚
要开始通过 Theme Customizer 设计页脚,首先,转到 WordPress 仪表板上的Divi -> Theme Customizer打开 Theme Customizer。 接下来,打开页脚块。
![](/uploads/article/41481/Q8URcSsUu4tDGgm4.jpg)
如您所见,您可以在页脚块上打开五个子块,如下所示:
- 布局
您可以打开此子块来设置页脚的布局。 每个布局都由不同数量的列组成——您可以使用这些列来放置小部件(列的内容)。 从这里,您还可以设置页脚的背景颜色。
![](/uploads/article/41481/Xpl1KxpABWWUJbyK.jpg)
- 小部件
在上面的Layout子块上设置好布局后,下一步是自定义页脚小部件。 在这种情况下,小部件是页脚列上的内容。
要将小部件添加到列,请返回主题定制器的主面板并打开小部件块。
![](/uploads/article/41481/hucVCVX7oE4o49jS.jpg)
选择要添加内容的列(页脚区域),然后单击加号图标以添加小部件。 要查看所有可用的小部件选项,您可以单击全部浏览按钮。
![](/uploads/article/41481/bYUQk7jjYR4f6ZZd.jpg)
要自定义您刚刚添加的小部件,您可以单击三点图标并选择显示更多设置。
![](/uploads/article/41481/2Y4OPVCYKn3dvfqC.jpg)
重复上述步骤以在其他页脚列上添加更多小部件。
- 页脚元素
如果需要,您可以在博客页脚上显示社交媒体图标。 图标将显示在辅助页脚(底栏)的右侧。
只需打开页脚元素子块并勾选显示社交图标选项。
![](/uploads/article/41481/L8GL2wDnbb6zP9TW.jpg)
- 页脚菜单
如果要在页脚中添加菜单,可以打开此子块。 从此子块中,您可以自定义页脚,例如背景颜色、文本颜色、链接颜色、字体大小等。
![](/uploads/article/41481/uGRjDfhLxVcorHLg.jpg)
在打开页脚菜单子块之前。 您可以先从Appearance -> Menu创建一个菜单。
- 底栏
您可以打开底部栏子块来自定义辅助页脚。 在此子块中,您可以设置页脚信用文本、设置背景颜色、设置文本颜色、设置社交媒体图标颜色以及大小等。
![](/uploads/article/41481/0ghUHmSldUGkDmSD.jpg)
## 使用主题生成器设计页脚
如果您想拥有无限的设计选项,更推荐使用 Theme Builder 设计您的博客页脚。 您可以使用您的羽绒设计概念创建一个页脚,并使用 Divi Builder 的可视化编辑器应用您想要的任何样式。
使用 Theme Builder 创建页脚的步骤与我们上面介绍的页眉相同。 首先,您可以转到 WordPress 仪表板上的Divi -> Theme Builder 。 接下来,如果要创建全局页脚,请单击默认模板集上的添加全局页脚。
![](/uploads/article/41481/4elKkq1H2KmGriAN.jpg)
要为特定帖子或页面创建页脚,您可以单击添加新模板以创建新模板集并选择要应用页脚的位置。
有关如何使用主题生成器在 Divi 中创建自定义页脚的更详细说明,您可以在此处阅读我们之前的文章。
— 设计单个帖子布局
单篇文章布局(有时称为博客文章布局)是控制博客文章外观的主题部分。 这包括布局、排版设置等。
还有两种设计单个帖子布局的方法:从主题定制器和主题生成器。 我们建议使用 Theme Builder 设计单个帖子布局,因为它提供了无限的设计选项。 更重要的是,您可以添加电子邮件选择加入表单、动态星级评分等元素。
您可以阅读我们之前的文章,了解有关如何使用 Divi Builder 创建自定义单个帖子布局的更详细说明。
如果您想通过主题定制器设计博客文章布局,您可以在主题定制器面板上打开博客 -> 帖子块。 要更改内容正文的字体系列,您可以转到General Settings -> Typography 。
— 设计存档页面
在 WordPress 中,存档页面是指根据其存档上下文显示博客文章的页面。 例如,当您访问yourblog.com/category/example的 URL 时,您将看到“示例”类别下的所有博客文章。
或者,当您访问yourblog.com/author/yourusername的 URL 时,您将看到由用户名yourusername的用户撰写的所有博客文章。
一般来说,WordPress中有三种类型的档案:
- 类别
- 标签
- 作者
虽然 Divi 带有存档页面的默认布局,但您可以使用向下设计创建存档页面。 如果您愿意,您甚至可以创建多个存档页面。
要开始创建自定义存档页面模板,请转到 WordPress 仪表板上的Divi -> Theme Builder 。 通过单击添加新模板 -> 构建新模板来添加新模板集。 在出现的对话框中,选择您要在存档页面块上应用自定义模板的位置(您可以选择多个位置),然后单击创建模板按钮。
![](/uploads/article/41481/7ldOjoyJA6jfxTZL.jpg)
添加模板集后,单击Add Custom Body -> Built Custom Body 。
![](/uploads/article/41481/onNhuWPHIq9Ull8y.jpg)
您将被重定向到 Divi Builder 编辑器以编辑布局。
有关如何使用 Divi Builder 创建自定义存档页面模板的更详细说明,您可以在此处阅读我们的文章。
— 设计搜索结果页面
虽然 Divi 带有默认搜索结果页面,但您可能希望在博客上创建自定义搜索结果页面模板,以使其与您的设计方案相匹配。
您可以使用 Divi Builder 在 Divi 博客上创建自定义搜索结果页面。 首先转到 WordPress 仪表板上的Divi -> Theme Builder 。 通过单击添加新模板 -> 构建新模板来添加新模板。 在出现的对话框中,选择搜索结果并单击创建模板按钮。
![](/uploads/article/41481/RdGZxARbBo4i98BD.jpg)
添加模板后,单击Add Custom Body -> Built Custom Body以使用 Divi Builder 编辑模板。
您可以将任何元素(模块)添加到自定义搜索结果页面模板中,但不要错过这两个模块:
- 文本
- 博客
## 文本
您需要此模块来添加搜索结果标题( “关键字”文本的结果)。 添加文本模块后,在设置面板的内容选项卡下打开文本块,然后单击动态图标。
![](/uploads/article/41481/r7s5mhm06sniHIhU.jpg)
在可用选项上,选择Post/Archive Title 。
![](/uploads/article/41481/N3aRpIhOkh1JaogF.jpg)
确保单击绿色清单图标以应用更改。
## 博客
您需要此模块来显示搜索结果。 添加模块后,在设置面板的内容选项卡下打开内容块并启用当前页面的帖子选项。 设置其他必要的设置。 比如我们的帖子数量,摘录等等。
![](/uploads/article/41481/LyT7umSZYRHrjdoj.jpg)
— 设计 404 错误页面
您可以使用 Divi Theme Builder 创建的另一个自定义模板是 404 错误页面。 当您的访问者访问某个 URL 时,此页面本身会显示一条错误消息,但该页面不可用。 您可以使用羽绒设计为 404 错误页面创建自定义模板,以使其与您的设计方案相匹配。 你可以添加任何你想要的元素/模块。
有关如何使用 Divi Theme Builder 创建自定义 404 错误页面的更详细说明,您可以在此处阅读我们之前的文章。
第 7 步:创建必要的页面
使用 Divi Theme Builder 创建自定义模板后,下一步就是创建必要的页面。 您至少需要创建三个页面:
- 主页
- 关于页面
- 联系页面
当然,您可以使用 Divi Builder 创建这些页面。
- 主页
主页是任何网站中最重要的页面。 借助 Divi Builder,您可以更轻松地创建博客主页,这要归功于其提供拖放编辑体验的可视化编辑器。
您可以将任何元素放置到您的博客主页, 但请确保您添加的每个元素都有明确的目的. 看看下面的例子:
![](/uploads/article/41481/dhXCKXzZDgqwxgR6.jpg)
顺便说一句,上面的截图是我们博客的主页。 在英雄部分(页面的顶部),我们添加了一个电子邮件订阅表单,因为我们希望鼓励我们的访问者订阅我们的时事通讯。
在下部(英雄部分下方),我们根据三个主要类别显示博客文章。 我们还添加了一个额外的导航菜单,使我们的访问者更容易根据每个主要类别浏览博客文章。
在创建主页之前,请确保您已经知道要添加哪些元素。 如果需要,您可以在执行您的设计理念之前创建一个划痕。
要开始创建主页,请转到 WordPress 仪表板上的Pages -> Add New 。 为您的主页命名,然后单击使用 Divi Builder按钮以使用 Divi Builder 编辑页面。
![](/uploads/article/41481/BXevxvU1dg6zdVS0.jpg)
一旦 Divi Builder 编辑器打开,您就可以开始创建主页。 完成后,您可以单击右下角的发布按钮来发布页面。
![](/uploads/article/41481/fzjkBLFDEnO3HfQU.jpg)
创建并发布主页后,转到 WordPress 仪表板上的设置 -> 阅读。 在您的主页显示部分,设置为静态页面并选择您刚刚创建的主页。
![](/uploads/article/41481/MkXdzb6avrUQ5CKk.jpg)
— 关于页面
您可以使用“关于”页面让访问者更好地了解您或您的业务。 使用 Divi Builder,您可以将关于页面分为几个部分。 在英雄部分,您可以通过简要介绍您自己来问候您的访客。 在以下部分中,您可以展示您的作品集(如果有的话)、您的经验、您的专业知识等。 这是关于页面的示例。
![](/uploads/article/41481/00aYVnVCMtddHOZ2.jpg)
与主页相同,您也可以从 WordPress 仪表板上的Pages -> Add New开始创建 About 页面。
创建并发布“关于”页面后,您可以将其添加到标题上的导航菜单中,正如我们之前所介绍的那样。
— 联系页面
您可以创建一个联系页面,让您的访问者(或有抱负的客户)轻松与您联系。 如果您不想显示您的电子邮件地址,您可以将联系表格添加到您的联系页面。 Divi Builder 带有一个内置的联系表格模块,您可以使用它来创建联系表格。
要了解有关如何在 Divi 中创建联系表格的更多信息,您可以在此处阅读文章。
第 8 步:安装必要的插件
WordPress 是一个可扩展的博客工具。 您可以通过安装插件为您的 WordPress 博客添加额外的特性和功能。 如果您使用 Bluehost 或 Divi Hosting,您将获得必要的插件,例如安全插件和缓存插件。
如果您需要更多插件,您可以自己安装它们。 您可以阅读本文以了解如何安装 WordPress 插件。
要创建成功的 WordPress 插件,我们建议在您的博客上安装以下插件:
1. 酸奶
自然流量是博客成功的关键。 为了让您的博客获得更多自然流量,您需要优化您的博客文章,以赢得针对特定键盘的搜索引擎的竞争。 Yoast 是您需要的插件。
2. 努力
如果没有明确的计划,几乎不可能实现您的目标。 在写博客时,您可以对内容创建进行规划。 通过规划内容创建,您可以一一执行您的内容创意。
Strive 是 WordPress 的编辑日历插件,可以帮助您安排博客上的内容创建。 如果您与团队一起运行您的博客,该插件将非常有帮助。 您可以阅读我们的 Strive 评论,了解更多关于它如何为您提供帮助的信息。
3.邮件诗人
除了搜索引擎,电子邮件通讯是另一个重要的流量来源。 MailPoet 是我们推荐的插件。 该插件允许您从 WordPress 仪表板创建和发送电子邮件通讯。 此外,它还具有支持功能,例如订阅者管理器、用于创建电子邮件选择加入表单的表单构建器、分析等。 更重要的是,MailPoet 可以通过 Email Optin 模块与 Divi 集成(稍后将介绍)。
如果您更喜欢使用第三方服务来管理和发送电子邮件通讯,我们的主要推荐是 MailerLite。
第 9 步:将 Divi 与电子邮件通讯工具集成
如果您想通过博客建立长期业务,我们强烈建议您投资电子邮件通讯。 您可以依靠电子邮件时事通讯作为搜索引擎的备份来获取您博客的访问量。 我们推荐时事通讯而不是社交媒体,因为时事通讯没有算法.
根据Constant Contact 上的一篇文章,电子邮件营销的平均投资回报率(ROI)为每花费1 美元36 美元。 换句话说,您投资一美元,并从中获得 36 倍的回报。
电子邮件通讯是电子邮件营销的实现方式之一。
在发送时事通讯之前,您肯定需要首先拥有受众(电子邮件订阅者)。 在 WordPress 中,发送时事通讯有两种选择:使用插件和使用第三方服务。 以下是我们发送时事通讯的建议:
WordPress 插件:
- 邮件诗人
- 邮递员
- 微信
第三方服务:
- 邮件精简版
- 转换套件
- 邮件黑猩猩
如果您更喜欢使用插件,可以阅读本文以了解如何为 WordPress 选择时事通讯插件。
— 将 Divi 与电子邮件营销工具集成
Divi Builder 带有一个名为Email Optin的模块。 该模块专用于收集电子邮件地址,您可以将其与流行的电子邮件营销插件和服务连接起来。 您可以将模块添加到您之前在上面创建的页面或自定义模板中。
在此示例中,我们将向您展示如何将 Email Optin 模块与 MailPoet 连接。
在开始之前,请确保您已安装并激活 MailPoet 插件。 此外,请确保您已经创建了 MailPoet 帐户。
准备好后,使用 Divi Builder 编辑要添加 Email Optin 模块的页面或自定义模板。 将电子邮件选项模块添加到您的页面/自定义模板。
![](/uploads/article/41481/fFfaawJ9sXzySaPx.jpg)
添加 Mail Optin 模块后,打开设置面板并转到“内容”选项卡下的“电子邮件帐户”块。
![](/uploads/article/41481/XSX9UirKrZljEVRW.jpg)
选择电子邮件营销服务提供商 (MailPoet) 并单击添加按钮。
![](/uploads/article/41481/GCO1hHyQl45JYn5C.jpg)
在“帐户名称”字段中输入与您的 MailPoet 帐户关联的电子邮件地址,然后单击“提交”按钮。
![](/uploads/article/41481/Woxl9KTyQnNhilmo.jpg)
连接成功后,您将能够在您的 MailPoet 帐户中选择一个列表。
![](/uploads/article/41481/dQAacFSZwpO1tKCr.jpg)
注意:如果您在发布页面或自定义模板后发现电子邮件选择模块的表单字段未显示,请确保您已连接您的电子邮件帐户并选择了一个列表。
奖金
1. 成功联盟博客的杀手锏
每个企业都需要战略来发展和取得成功。 你的博客也不例外。 尽管定期撰写博客文章至关重要——而且是必须的——但这还不够。 您需要安排内容策略以赢得搜索引擎的竞争。 这就是我们建议 Yoast 和 Strive 的原因。
Yoast 可以帮助您优化博客文章,使其对 SEO 友好,而 Strive 可以确保您按时完成博客文章。
如果您有像我们这样的小众博客,那么编写基础内容至关重要。 那是什么?
简而言之,基石内容是您博客的主要内容。 基石内容应该以长篇、深入的格式写得很好。 在编写基础内容之前,您可以先使用 Google Keyword Planner、Ahrefs 和我们前面提到的其他工具等工具进行关键字研究。
您可以编写多个基础内容。 在我们的博客中,您当前正在阅读的文章本身就是基础内容。
为了帮助您的基石内容赢得搜索引擎的竞争(出现在搜索结果页面的首页),您可以通过插入指向非基石内容的链接来最大化页面 SEO。 您可以在此博客文章中了解有关基础内容的更多信息。
2. 免费博客资源
##语法
Grammarly 是一个写作辅助软件。 您可以使用它来确保您的博客文章没有语法错误。 Grammarly 还会建议您在写作过程中选择正确的单词。 Grammarly 可用作 Google Chrome、Safari、Microsoft Edge 和 Firefox 的 Web 浏览器扩展。
如果您不喜欢 Grammarly,Microsoft Editor 是最好的选择。
## 不飞溅
Unsplash 是一个免费的图片网站,您可以在其中下载免版税图片。 Unsplash 上有超过 200 万张图像,这些图像是在类似 CC0 的许可下发布的。 CC0 是一种许可证,允许您免费使用数字资产,而无需向作者提供信用。 从 Unsplash 下载图像时,您无需担心侵犯他人的版权。
Unsplash 的替代品可免费下载免版税图片:
- 最低 ISO
- 像素
- 关注
## GIMP
在将您从 Unsplash 下载的图片用于您的博客文章之前,您可能需要先调整其大小以减小文件大小。 GIMP 是一个很好的工具。 此外,您可以使用 GIMP 进行基本的图像编辑,例如设置图像色调、审查某些部分等。GIMP 是 Photoshop 的免费替代品。 适用于所有主要桌面操作系统。 来自 macOS、Windows 和 Linux。
3. Divi 博客布局包
我们在前面的部分中向您展示了如何创建自定义模板和博客的核心页面。 如果您需要灵感,我们在这里为您提供免费的 Divi 布局包。 这个布局包——我们称之为 Blogsome——由以下页面布局和自定义模板组成:
- 主页
- 关于
- 联系页面
- 单个帖子布局
- 存档页面布局
- 搜索结果页面布局
- 404页面布局
注意:如果您在导入 Theme Builder 模板时遇到问题,请参阅这篇文章。
底线
WordPress 仍然是创建面向业务的博客的最佳选择。 随着博客的发展,您可以采用许多货币化模型——除了当前的货币化模型。 Divi 是创建面向业务的博客的绝佳主题。 它具有许多有用的功能,尤其是内置的页面构建器,可让您轻松创建博客的核心页面。
为页眉、页脚、单个帖子等创建自定义模板的能力是 Divi 的另一个显着功能。 使用此功能,您可以完全控制博客部分的设计。 您可以将所需的元素放置在您想要的任何位置。 显示条件允许您为特定页面或帖子创建自定义模板。
以下是您将从 Divi 获得的用于博客的有用功能:
- 内置页面构建器:允许您通过拖放编辑体验以可视方式创建核心页面以及自定义模板
- 主题生成器:允许您为博客部分创建自定义模板。 您可以添加您想要的元素并使用您自己的设计
- 显示条件:创建某个自定义模板时,您可以将其应用于整个网站、特定页面或特定帖子
- 与电子邮件通讯插件和服务的集成
- 能够选择博客文章编辑器(经典编辑器或古腾堡)
要使用 Divi 创建成功的博客,您需要安排策略。 首先选择正确的利基市场来安排内容策略。 我们已经涵盖了以上所有内容。 现在,是你采取行动的时候了。
祝你博客愉快,祝你好运!