第 3 部分：使用 Elementor 为新业务构建 WordPress 网站

欢迎来到我们八部分系列的第三部分，它将贯穿您使用流行的 WordPress 页面构建器 Elementor 为新业务构建 WordPress 网站所需做的所有事情。

在第 3 部分中，我们将快速推进我们的网站建设。 议程上的第一项是选择一些托管和安装 WordPress。 然后，我们将开始安装我们的页面构建器 Elementor 并导入我们的主题，这将作为我们新网站的基础。 最后，我们将看看 Elementor builder 以熟悉核心功能。

我们走吧！

选择 WordPress 主机

如第 2 部分所述，我们将为我们的网站使用自托管版本的 WordPress。 这为我们的新网站的设计和功能提供了最大的灵活性，并且是使用 WordPress 的人们最常用的途径。 由于它是自托管的，我们需要购买自己的网站托管才能开始我们的构建。

注意：您可以在您的计算机上“本地”构建您的 WordPress 网站，而无需任何托管。 这种方法虽然需要大量的设置和技术知识。 对于大多数人来说，在他们选择的主机上设置 WordPress，然后直接在此基础上进行构建是可行的方法。

WordPress 托管很容易获得。 谷歌它，你会得到数百个结果。 那里有很多 WordPress 主机。 这对消费者来说在很多方面都是好消息，这意味着有很多选择，但同样的选择可能是一把双刃剑，因为选择的数量之多可能会令人困惑。

我们编写了一份白皮书，着眼于企业的 WordPress，并详细介绍了托管选项。 如果您想深入了解一些细节，请在此处阅读此内容。 如果您时间紧迫，请继续阅读，我们将为您快速浏览托管选项。

WordPress 托管选项

首先要弄清楚的是，并非所有托管都是平等的。 同样，有些汽车的性能比其他汽车更高，托管也是如此。 也许有例外，但实际上成本是 WordPress 托管部门性能的合理指标。 让我们快速浏览一下您今天在市场上可以找到的托管核心类型。

共享主机

这是最常见的 WordPress 托管类型。 它通常很容易区分，因为它的成本可以低至每个网站每年 20 美元左右。 对于将获得最低流量水平的非常基本的网站，这可能没问题（但只是）。 但实际上，如果您认真对待您的业务，它就不会削减它。

您可能会在使用此类托管时遇到的问题是：

• 速度慢：当有人访问您的网站时，您的网站加载速度很重要。 我们已经看到一些共享托管计划需要 15 秒或更长时间才能加载网站。 现在，把你自己的经验拿在手上，想想你上一次停留这么长时间等待网站加载是什么时候……可能永远不会！ 那么，您希望您的客户等这么久吗？ 答案必须是否定的。 请务必注意，某些共享主机可以快速加载（理想情况下，您希望网站在 3 秒或更短的时间内加载）。 问题是这些加载时间可能会变得不稳定。 有些日子会很快，有些日子会非常缓慢。 为了实现一致的加载速度，您需要更好的东西。
• 安全问题：共享主机通过与许多其他网站共享服务器资源来工作。 这相当于让其他人共享您的计算机。 因此，恶意软件和其他安全问题可能会“渗透”到您自己的网站。 无论您如何保护自己的网站，您的网站仍然面临因您无法控制的元素而被黑客入侵的风险。
• 支持问题：在某些时候，您会遇到需要寻求帮助的问题。 正是在这个阶段，廉价共享主机的问题才能真正凸显出来。 在最好的情况下，您可能获得的支持质量会很低。 在许多方面，这不是主人的“错”。 这只是现实的咬人。 您不能指望为托管支付最低价格，然后获得最好的支持。 高质量的支持意味着房东需要雇佣训练有素的工程师，而这对于这类房东来说在经济上是不可行的。 就像生活中的大多数事情一样，你得到你所付出的！
• 没有工具：特别是如果您正在构建自己的网站，访问一系列工具（例如备份和登台站点）会非常有用，从长远来看，这将使您的生活更轻松。 共享主机不会提供这类 WordPress 特定工具。 是的，在许多情况下，您可以使用第三方插件来备份您的网站，但这会增加您的工作量和成本（一个好的备份系统会花钱）。

托管 WordPress 托管

对托管选项进行一些研究，您还会很快遇到另一种类型的 WordPress 托管，称为“托管 WordPress 托管”。 WordPress 有时可能有点复杂。 当它加载到的服务器经过仔细配置以获得最佳 WordPress 性能时，它肯定运行得最好。 这是托管 WordPress 主机介入的地方。与标准共享主机不同，托管 WordPress 主机已专门调整其服务器以与 WordPress 一起使用。 此外，他们通常会提供专门为 WordPress 设计的工具和其他资源。 该专业延伸到支持服务，您希望找到具有专业 WordPress 知识的支持团队。 这意味着您应该在需要时获得更好、更相关的支持。

托管 WordPress 托管通常被定位为一项优质服务，价格标签确实反映了这一点。 一个好的托管 WordPress 主机通常每个网站每月收费 25 美元左右，如果您要托管多个网站，这些价格会降至每个网站每月 10 美元左右。

良好的托管 WordPress 托管的好处是：

• 速度：因为您的网站托管在针对 WordPress 进行了优化的服务器上，它的加载速度应该更快、更可靠。 此外，由于这种类型的托管是作为“高级”服务出售的，因此主机方面需要付出更多努力来确保这些加载速度保持一致。
• 安全性：由于托管 WordPress 托管服务器系统的设计，您的网站应该不会像那些托管在更便宜的共享托管平台上的那样容易被黑客入侵或感染恶意软件。 同样，由于所提供的服务是一项高级服务，托管 WordPress 主机通常会付出相当大的努力来确保您的网站保持安全。 如果发生黑客攻击，他们应该能够协助清理。
• 支持：托管 WordPress 主机专门研究 WordPress。 因此，他们的支持团队应该更了解 WordPress 相关问题，并且更愿意在需要时提供帮助。
• 工具：许多托管 WordPress 主机会将备份系统和网站登台服务器等有用的工具捆绑到他们的软件包中。 这可以让您的生活变得更轻松，并且在备份的情况下，在出现任何问题时帮助保护您的站点。

无论您最终选择什么主机，您都需要仔细考虑您的网站需要为您的业务做些什么。 如果它将作为您业务的中央“门户”并被许多客户访问，那么高质量的托管 WordPress 托管是一项值得投资的。 虽然它可能更昂贵（我们知道在建立新业务时可能会寻找节省的费用），但您可能从一个快速加载的好网站获得的回报将远远超过此成本。

相反，节省几美元的托管费用虽然一开始很诱人，但当您发现自己花费数小时处理无益的支持或试图恢复被黑客入侵的网站时，很快就会变成数百美元的意外成本。 尤其重要的是，由于加载时间缓慢而放弃您的网站的客户遇到性能问题，您几乎肯定会失去业务。

安装 WordPress

作为 WordPress 托管主机，我们将使用自己的主机托管 Press Plumbers 的网站。 我们将使用其他主机可能无法使用的某些功能（尤其是更便宜的共享主机）。 我们当然希望您选择与我们一起托管您的新商业网站。 在我们的标准计划中，您可以在 60 天内无风险地这样做。

虽然在最初设置 WordPress 时主机之间会有差异，但构建 WordPress 网站的实际过程不会有任何不同（尽管您可能会遇到使用更便宜的主机的性能问题）。 考虑到这一点，让我们快速了解如何使用 Pressidium 设置 WordPress。 如果您想跟随，请在此处快速轻松地注册一个帐户。

第一步

在 https://dashboard.pressidium.com/ 登录您的帐户。 您将被带到您的仪表板，您可以在其中单击按钮创建新的网站安装。

只需单击“新建”按钮，就会打开一个弹出窗口。 填写您的新站点的名称（这仅供您参考，因此如果您选择的名称不可用或该字段太长，请不要担心）。

添加电子邮件地址并选择密码，然后单击“创建网站”。 在设置网站并自动为您安装最新版本的 WordPress 时，您只需几分钟即可去喝杯咖啡。

设置过程完成后，您会收到一封电子邮件，通知您已准备就绪。 就是这样！ WordPress 已安装，您现在可以登录到您的新站点。

如果您想更全面地了解如何在 Pressidium 仪表板中设置网站，请查看这篇文章：使用 Pressidium 在短短十分钟内启动 WordPress 网站

为此，请单击仪表板中的“管理网站”站点按钮。 您将被带到一个概述页面，该页面提供有关您的站点的一些基本统计信息，包括当前的主域。 这个很重要。 Pressidium 会在您首次创建站点时分配一个特殊的子域，该子域对您的站点是唯一的。 您最初将通过此子域访问您的站点并对其进行处理。 我们将在适当的时候将真实域添加到您的站点（在我们的例子中，这将是 pressplumbing.co）。

现在，找到分配给您网站的唯一子域并单击它。

您将被带到一个看起来有点像这样的页面：

要登录 WordPress，请将 /wp-admin 添加到搜索栏中 url 的末尾，然后单击 enter。 所以，在我们的例子中，这看起来像这样： pressplumb.onpressidium.com/wp-admin

然后，您将看到 WordPress 登录屏幕。 输入您在首次设置站点并登录时提供的用户名和密码。 如果您忘记了这些细节，请不要担心。 只需单击“丢失密码”链接并输入设置站点时使用的电子邮件地址。 您将收到发送给您的用户名的提醒，以及可用于重置密码的链接。

密码选择：值得花时间确保您的密码是强密码。 因为世界上任何人都可以访问您的登录页面，所以您的密码是您与他们之间的一件事。

登录后，您将看到 WordPress 仪表板。 现在我们真的可以破解了！

将您的域名指向您的 WordPress 网站

在我们进一步构建网站之前，我们需要首先将我们的域名指向我们的 WordPress 安装。 无论主机如何，执行此操作的方法都很常见，但我们将介绍一些小的例外情况。

从技术上讲，在我们准备好上线之前，我们不需要将我们的域名指向我们由 Pressidium 托管的网站。 我们可以愉快地使用一开始提供的子域（在我们的例子中是 pressplum.onpressidium.co）来访问和构建我们的站点。 Pressidium 的高级域名搜索和替换工具使添加域的过程在任何阶段都很容易。

现在破解并将域指向我们网站的原因是我们可以加载一个“即将推出”页面，该页面将显示我们的徽标和联系方式。 有了这个意味着您可以开始推广您的业务或安全地联系客户，因为他们知道如果他们确实尝试访问您的网站，就会有一些东西可以看到。 毕竟，我们是现实主义者，并且了解并非所有任务都可以按理想顺序进行。 您可能（在我们虚构的企业 Press Plumbers 的情况下）已经在商店里有一辆面包车，目前正在签字。 在接下来的几周内，您可能没有时间完成您的网站，但与此同时，您需要出去走走，开始为您的客户提供服务。 如果没有保留页面，访问您网站的任何人都会收到“无法访问此网站”错误消息，这并不能完全激发信心。 保留页面一键解决了这个问题。

使用 Cloudflare 处理我们的域名 DNS

本系列文章不够全面，无法深入探讨域名 DNS、域名服务器等黑暗和黑暗的世界！ 我们将尽可能简短，以使事情为您服务。

那么，这到底是怎么回事？ 好吧，您的域名有点像邮政编码，但用于互联网。 人们可以将其输入浏览器，然后他们将被带到您的网站。 但是，为了实现这一点，您的域名必须“知道”您的网站所在的位置。

您的网站只是文件的集合，这些文件托管在世界某处的服务器上。 服务器实际上可以位于任何地方。 因此，您可以告诉域名它需要访问哪个服务器才能访问您的网站文件，并在此过程中为您的客户显示一个网站。

为此，建立了一个全球系统，简称为域名系统或 DNS。 它有点像地址簿，它跟踪哪个域名指向哪个服务器。 这有点像在卫星导航中输入邮政编码。 卫星导航系统（地图）知道这个邮政编码的位置，因此可以带你去那里。

世界上有各种各样的 DNS“地址簿”，其中一些比其他的运行速度更快。 我们将使用 Cloudflare 提供的 DNS 系统。 他们的系统很强大，而且重要的是速度很快。 这意味着我们对域名“电话簿”地址所做的任何更新都会很快发生。 要了解有关 Cloudflare 的更多信息，您可以在此处查看这篇文章。

要开始使用，您需要在 https://dash.cloudflare.com/sign-up 注册一个免费的 Cloudflare 帐户

完成此操作后，单击蓝色的“添加站点”按钮。 输入您的域名（在我们的例子中，这将是 pressplumbing.co），然后单击“添加站点”。

选择免费计划（0 美元/月），然后单击“确认计划”。 Cloudflare 现在将扫描您的域并提取一堆看起来有点像这样的记录：

删除所有这些记录。 您会在一些旁边看到“删除”文本。 对于其他人，点击“编辑”按钮，然后您会在左下角看到一个删除按钮。 完成此操作后，单击“继续”。

注意：仅当您当前未使用电子邮件服务或将任何其他服务链接到您的域名时才删除这些记录。 删除这些将意味着任何此类服务都将停止工作。

Cloudflare 将警告您它无法激活您的站点。 这可以。 点击“确认”。 您现在将看到如下所示的屏幕：

打开一个新的浏览器窗口并前往您的域名注册商的网站并登录。在我们的例子中，这是 Namecheap。 单击域名旁边的“管理”按钮，您会看到一个下拉框，上面写着“NameCheap Basic DNS”。 从列表中选择“自定义 DNS”。

如果您不使用 Namecheap 作为您的域名注册商，那么您需要导航到控制面板中允许您更新域名服务器的部分。 如果您不知道在哪里可以找到它，您的域名注册商将能够提供帮助。

在自定义名称服务器部分，您需要粘贴 Cloudflare 提供的两个值。 返回 Cloudflare 并复制标题为“替换为 Cloudflare 的名称服务器”部分下提供的两行代码。 完成此操作后，单击“完成”检查名称服务器。 在 Namecheap 中，确保通过单击绿色对勾图标保存您复制的名称服务器。

您将在大约 30 分钟后收到一封来自 Cloudflare 的电子邮件（如果它更长，请不要担心），确认您的域名服务器已更新。 您现在可以退出您的 Namecheap（或其他域名注册商）帐户。 在续订域名之前，您无需重新登录！

在 Pressidium 中更新您的域名

现在，我们已经完成了将域名服务器更改为指向 Cloudflare 的艰苦工作，我们可以采取最终步骤将您的域指向您在 Pressidium 上的网站。 如果您不使用 Pressidium 来托管您的网站，那么执行此操作所需的步骤会有所不同，但基本原理是相同的。

第一步

登录您的 Pressidium 帐户，单击“管理网站”，然后单击“域”选项卡。

接下来，单击“添加域”并根据提示在框中键入您的域。 在我们的例子中，我们将输入“pressplumbing.co”。 按照域向导执行第 2 步，您将获得一些需要添加到 Cloudflare 的 NS 记录。

第二步

登录您的 Cloudflare 帐户并转到您的域。 您应该已通过电子邮件收到 Cloudflare 的确认表，表明该域现在在您的 Cloudflare 帐户中处于活动状态。

单击 DNS 选项卡，然后单击“添加记录”。 您将在此按钮下看到一个弹出框，该框已根据我们的需要配置为“A 记录”条目。 将 Pressidium 中的第一个www IP 地址值复制到 Cloudflare 中，使其如下所示（但替换为您自己的控制面板中提供的 IP 地址）：

单击橙色云图标将其变为灰色，然后单击“保存”。 重复第二个 www 值。

接下来对于最后两个 IP 值（主机为 @）以完全相同的方式将它们输入 Cloudflare，因此它们看起来像这样：

完成后，您应该在 Cloudflare 中看到如下所示的内容：

第三步

返回您的 Pressidium 仪表板并单击“第 3 步，共 4 步”。 单击两个部分的“直接查看网站”的单选开关。 它看起来像这样：

单击“第 4 步，共 4 步”，然后对所有 3 个部分单击“是”，如下所示：

点击提交，就是这样！ 系统将需要几分钟来配置所有这些设置并配置域。 完成此操作后，您将收到一封电子邮件以确认。 您现在可以通过新地址访问您的“新”网站，在我们的例子中是 https://pressplumbing.co。

注意：所有系统完全更新并安装您的安全证书可能需要一个小时左右。 如果在此之后仍无法正常工作，请随时联系我们的支持团队（如果您使用 Pressidium 进行托管）。

如果您不使用 Pressidium 进行托管，则需要查看主机提供的说明，以将您的域指向您的托管并安装 SSL 证书。 虽然这样做的方法与 Pressidium 不同，但基本概念是相同的。 您将获得需要以非常相似的方式输入 Cloudflare 的记录 IP 地址。

设置维护页面

我们现在正在领先。 我希望域设置过程没有让您推迟建立自己的网站……这可能有点繁琐，但这是一次性的工作。 现在您已全部配置完毕，您的网站在技术上是“活的”，我们需要破解并添加维护页面，以便访问者在我们开始构建最终网站时可以看到一些东西。 这是一个相当快的工作，会让您很好地体验使用 WordPress。

第一步

登录您的网站。 为此，请访问 https://yourwebsiteadddress.com /wp-admin 。 对我们来说，这意味着去 https://pressplumbing.co/wp-admin

当您进入左侧菜单中的“插件”时。 插件是 WordPress 的一个令人难以置信的功能。 它们允许您以多种方式快速轻松地扩展您网站的功能。 WordPress 插件市场有点像 Apple App Store。 来自世界各地的开发人员为市场贡献插件。 大多数都可以免费使用，但有些需要付费使用高级功能。

在这种情况下，我们希望快速设置一个“即将推出”主页。 有几种方法可以做到这一点。 首先是设计一个“主页”并发布它，但您必须小心不要泄露任何其他正在开发的页面。 更好的方法是使用“维护”插件为您完成所有艰苦的工作。

当您到达插件页面时，您不会看到任何列表，因为我们尚未添加任何内容。 单击“添加新”，然后在搜索框中键入“维护”。 你会看到这样的事情：

选择 WP Maintenance 名为“Maintenance”的项目（目前排在第二位），然后单击“立即安装”。 WordPress 现在将为您下载并安装此插件。 完成后，您会看到“立即安装”按钮变为蓝色，现在显示为“激活”。 点击这个。

您将被带回 WordPress 中的主插件页面，您现在将在其中看到此列表。 从这里您可以激活/停用和删除您网站上的插件。 插件非常强大，但重要的是不要对它们发疯并增加负载。 您偶尔会看到人们添加了 100 的网站，这不是要走的路。 对于大多数站点，您最终可能会得到其中的 6 个左右。

第二步

看看左边的菜单。 您现在将看到以前没有的“维护”链接。 许多插件会生成一个有点像这样的链接，该链接将出现在左侧菜单中。 单击此按钮通常会将您带到插件设置，您可以在其中配置该特定插件的选项。 单击此按钮立即进入维护页面设置。

您将看到如下所示的屏幕：

维护页面已在您的站点上激活，但它不会显示您的徽标或业务信息。 因为您已登录 WordPress 网站，所以您将无法看到它的外观，因此我们将在您的计算机上打开一个隐身窗口并进行查看。 有关如何使用 Chrome（我们推荐的浏览器）执行此操作的说明，请参阅此处。

你应该看到这个：

我们现在需要对其进行个性化以适应您的业务。

返回 WordPress 中的维护屏幕，将页面标题、标题、描述和页脚文本更新为以下内容（当然要适应您的业务）：

页面标题：压力管道

标题：新网站即将推出

描述：我们正在开发一个即将推出的全新网站。 同时，请致电 01234 567890 与我们联系。谢谢。 新闻管道团队。

页脚文本: Press Plumbing & Co 2020

接下来，获取您的徽标副本（理想情况下大约 1,000 像素宽 - 可以在 https://picresize.com 调整大小）并通过单击“上传徽标”按钮上传。 将显示“设置徽标宽度”的大小更改为 450 像素左右。 如果上面写着“上传 Retina 徽标”，请上传相同的徽标。

将鼠标悬停在背景图像上，您会看到一个“X”弹出窗口。 单击此按钮可删除背景。 将背景颜色和登录块背景颜色更改为与徽标背景相同的颜色（或您认为最适合用作徽标背景的任何颜色），然后单击保存。

向下滚动，您会看到一个显示“自定义 CSS”的框。 在此框中，复制并粘贴以下代码：

 body > .main-container:after { background-color: transparent; } .logo-box img { max-width: 100%; margin-top: 200px; } .site-content h2.heading { font-size: 35px; font-weight: lighter; margin-bottom: 20px; }

按“保存更改”，然后刷新隐身窗口，您应该会看到所有内容都已更新。 您当然可以返回并调整颜色、文本等，以更好地满足您的需求。 继续刷新隐身窗口中的页面以查看这些更改。

我们的新维护页面如下所示：

维护页面将保持活动状态，任何访问您网站的人都会看到，直到我们在您的网站建成后将其关闭。 您当然可以使用有关您的业务的其他相关信息定期更新此页面。

快速回顾迄今为止已完成的任务：

• 购买了一个域名
• 设计了一个标志
• 设置托管和安装 WordPress
• 配置 Cloudflare 并将我们的域名指向我们的主机
• 安装了维护屏幕

现在我们已经完成了以上所有工作，我们可以继续设计我们的网站了！

安装 Elementor 和我们的入门主题

要开始在我们的新网站上工作，我们需要做两件事：

1. 安装 Elementor
2. 安装将作为我们网站基础的 Starter 主题。

这两项工作都将涉及向 WordPress 添加更多插件。 执行此操作的过程与我们在安装维护插件时所做的完全一样。

安装 Elementor

前往插件页面。 单击“添加新”，然后在“添加插件”页面的搜索栏中输入“Elementor”。 你应该看到这个：

正如您对维护插件所做的那样，单击立即安装，然后单击激活。 目前，关于 Elementor，这就是您需要做的所有事情。

安装您的入门主题

如前所述，我们将使用一个名为 Astra 的主题，该主题评价很高，编码良好，可与 Elementor 无缝协作。 要安装它，我们将向我们的站点添加另一个插件。

前往插件页面。 单击“添加新”，然后在“添加插件”页面的搜索栏中输入“Astra”。 你应该看到这个：

Astra 提供了一个插件，可让您无缝导入主题。 这个插件被称为“初学者模板”，由 Brainstorm Force 构建。 安装并激活这个插件。

完成后，单击左侧菜单中的“外观”，然后在此下选择子菜单中的“入门模板”。 你会看到这个：

正如您现在希望实现的那样，我们将使用 Elementor 作为我们的页面构建器。 您会注意到还有其他一些选项，但我们认为 Elementor 提供了最强大且功能最丰富的页面构建体验。

单击 Elementor 图标，您将看到准备就绪的网站设计列表。 有些标有“机构”标签。 这意味着它们是高级设计，只有在您订阅代理计划时才可用。 如果你想看看这样做，请访问 Astra 网站。 它们物超所值，因此，如果您看到自己喜欢的设计，但它是代理商，请考虑购买。

在这种情况下，我们将使用一个名为 Co Working Space 的免费模板。 只需单击一下即可将此模板导入我们的网站。

注意：备份您的网站

如果您使用 Pressidium 进行托管，那么您可以访问我们的快照备份服务。 这使您可以快速对您的网站进行即时备份。 这非常有帮助。 把它想象成一台时间机器。 通过进行备份，您可以将备份后所做的更改回滚到备份的时间点。

当您即将对您的网站进行更重要的工作时，进行备份非常有意义。 虽然仅更新站点上的某些文本（例如）不太可能出现问题，但导入新主题等更重要的过程更有可能发生问题。 通过在执行此类任务之前备份您的站点，您可以高枕无忧，因为如果出现问题，您可以“回滚”您的站点。

将备份头带到您的 WordPress 网站左上方的 Pressidium 菜单。 从子菜单中选择“备份服务”，然后选择“执行即时备份”。 完成后您会收到一封电子邮件（这通常需要大约一分钟）。 完成此操作后，您可以自信地继续导入模板。

在 Starter Template 部分，向下滚动并选择“Co-Working”空间。 单击“导入完整站点”。

等待导入完成。 这可能需要几分钟的时间。 在导入完成之前不要关闭页面。 导入完成后，您将看到一个允许您访问该站点的按钮。 单击此按钮，您应该会看到您的主页现在如下所示：

就是这样！ 我们现在有一个坚实的基础，我们可以在此基础上建立我们的网站。

在本系列的第 4 部分中，我们将在构建我们的网站方面取得一些重大进展。 首先，我们将重新设计主页，使其与我们的业务相关。 这将涉及更改布局、内容和图像，以创建 Press Plumbers 独有的风格和外观。 然后，我们将继续设计服务页面的布局。 一旦我们完成了这两件事，我们离准备为我们的业务推出一个全新的网站不远了！