Bluehost 网站建设者教程：如何使用它创建网站（2022 年）

如果您想创建一个网站但不知道从哪里开始，我们的 Bluehost 网站构建器教程将带您从零开始到一个工作网站。

Bluehost Website Builder 是 Bluehost 的一项新产品，可让您使用可视化的拖放界面来构建基于 WordPress 的自定义网站。

它的优点之一是对初学者友好。 根据您提供的关键字，Bluehost Website Builder 将自动为您生成一个网站——您需要做的就是对其进行自定义以满足您的需求。 最重要的是，您将能够使用完全自定义的界面来执行此操作，但如果需要，您仍然可以访问传统的 WordPress 仪表板。

继续阅读我们的 Bluehost Website Builder 教程，以便立即启动并运行您自己的网站……

Bluehost 网站构建器如何工作？

对于网站建设者，Bluehost 网站建设者有点独特。 Bluehost Website Builder 没有像 Wix 或 Squarespace 等其他网站建设者那样提供自己的专有系统，而是建立在流行的开源 WordPress 软件之上。

过去，Bluehost 确实发布了一个名为 Bluehost Builder 的专有构建器。 但是，他们已经弃用了旧的 Bluehost Builder，转而使用新的基于 WordPress 的 Bluehost网站构建器。

Bluehost 的 WordPress 方法的好处是您可以获得网站构建器的简单性，同时在需要时仍然能够访问 WordPress 的灵活性。

如果您想在开始我们的 Bluehost Website Builder 教程之前了解更多信息，您可以观看 Bluehost 的宣传视频：

Bluehost Website Builder 教程：制作网站的分步指南

准备好开始了吗？ 让我们深入了解我们的分步 Bluehost 网站构建器教程，以帮助您入门。

这是该过程的高级视图：

1. 如果您尚未购买，请从 Bluehost 购买主机。
2. 创建一个新站点并启动 Bluehost Website Builder。
3. 输入快速入门详细信息以生成站点的基本设计。
4. 使用完整的构建器界面自定义您的站点。
5. 如果需要，添加新页面。
6. 探索其他设置。
7. 如果需要，访问完整的 WordPress 仪表板。

让我们深入研究……

1. 从 Bluehost 购买主机

同样，Bluehost Website Builder 不是一个单独的产品。 相反，您可以将其与 Bluehost 的常规 WordPress 网络托管计划一起使用。

所以 - 在您开始使用 Bluehost Website Builder 之前，您需要从 Bluehost 购买主机。 如果您已经从 Bluehost 托管，您可以跳到下一步。

您可以使用任何 WordPress 托管计划，即使是最便宜的。 如果您不确定选择哪一个，我们会在此处解释 Bluehost 定价计划。 如果您有一个网站，基本计划会很好，而如果您有多个网站，您可能需要Plus或Choice Plus ，因为它们可以让您创建无限的网站：

一旦您做出选择，请按照指南为您的网站选择一个域名（您可以免费获得一个）并创建您的 Bluehost 帐户。

2. 启动 Bluehost 网站构建器

购买 Bluehost 网站托管后，您需要将新网站添加到您的托管帐户。 为了帮助您做到这一点，Bluehost 为您提供了一个方便的设置向导。

Bluehost 可能会在您第一次登录时自动启动。如果没有，您可以随时转到 Bluehost 仪表板中的“我的站点”区域，然后单击“添加站点”或“创建新站点”选项：

完成此操作后，您将看到创建“常规” WordPress 安装或使用 Bluehost Website Builder 之间的选择。

显然，您需要选择使用 Bluehost Website Builder开始构建的选项：

然后，您将选择要用于此站点的域名——这应该是 Bluehost 在您注册时为您提供的免费域名：

3.输入Bluehost Website Builder快速入门信息

现在，Bluehost 将提示您输入有关您网站的一些信息。 您的回答将帮助 Bluehost 设置您网站的基本设计、布局和内容（当然，您可以对其进行完全编辑）。

您可以从预设关键字中进行选择，也可以输入与您的网站相关的关键字。 在本例中，我们将为餐厅创建一个网站，因此我们将搜索该关键字。

选择关键字后，Bluehost Website Builder 将根据您的关键字自动更新预览：

然后，点击继续。

现在，系统会提示您输入一些基本详细信息，从您的站点名称开始：

使用继续按钮前进到下一步。

我们不会向您展示每个步骤的屏幕截图，但在此过程中您将：

• 选择您的特色封面图片。 您可以上传自己的图片或选择一张免费的库存照片。 您还可以在这篇文章中找到更多免费的图片来源。
• 添加您的徽标。 您可以使用徽标制作器（例如我们的免费 Themeisle 徽标制作器），也可以花钱请专业人士设计徽标。
• 选择字体对。 它已经配对了可以很好地协同工作的字体——你只需要选择你最喜欢的一对。
• 选择网站颜色。 与字体一样，Bluehost Website Builder 会自动建议可以很好地协同工作的统一调色板——这里有一些关于选择网站颜色的建议。
• 选择您的导航风格。 您可以配置访问者用来在您的网站中移动的顶部导航菜单。
• 添加联系信息。 您可以添加将出现在您网站页脚中的联系信息。

完成后，您可以单击完成以保存所有选择：

现在，Bluehost 将根据您的选择为您创建网站。

4. 使用完整界面进一步自定义您的网站

在我们的 Bluehost Website Builder 教程中，您应该有一个基本的工作网站。 现在，Bluehost 将引导您进入完整的网站构建器界面，您可以在其中访问更精细的选项来控制您的网站。

这是它的样子：

要自定义您网站上的内容，例如文本，您只需单击实时预览并输入：

对于其他设置，您可以使用边栏中的选项。

Bluehost 网站构建器的工作原理是“部分”。 您内容的每个部分都是一个单独的部分。 您可以通过将不同的部分（如乐高积木）放在一起来创建页面的布局。

例如，“封面图片”部分是顶部的部分，其中包含“欢迎来到 Themeisle Cafe”大文本。

如果您进一步向下滚动并单击“订阅”部分，侧边栏将显示可让您自定义该特定部分的选项：

如果您想显示更多信息，还可以单击加号图标将新部分添加到您的页面。 您可以根据需要从大量不同的预制部分中进行选择：

5. 如果需要，添加新页面

Bluehost 网站构建器将根据您选择的利基自动为您的网站创建核心页面。 例如，您将拥有“位置”和“联系我们”页面。

如果您想添加更多页面，您可以转到Menus & Pages部分，然后单击New page ：

或者，您也可以单击现有页面之一来自定义其内容。

添加新页面时，您可以从预制的页面模板中进行选择或从头开始。 然后，您将能够使用部分设计您的页面，就像我们在上面向您展示的那样：

如果要添加博客，还可以选择侧边栏上的博客选项。

6. 探索其他 Bluehost Website Builder 选项

完整界面中有很多不同的选项，因此我们无法在我们的 Bluehost Website Builder 教程中向您展示每个选项。

但是，我们仍然鼓励您探索界面，看看是否有其他对您有用的设置。 Bluehost 网站构建器提供了可视化的实时预览，因此您在做出任何更改后都会立即看到。

您还可以使用顶部的菜单轻松撤消/重做操作，因此如果您犯了错误，您可以随时撤消更改。

7. 打开 WordPress 仪表板进行更多自定义

正如我们之前提到的，Bluehost Website Builder 的优点之一是它基于 WordPress。 这意味着，如果您想要更大的灵活性，您可以随时打开完整的 WordPress 仪表板。

您可以通过单击 Bluehost Website Builder 中的WP Admin选项来执行此操作：

然后，您将进入常规的 WordPress 仪表板——它看起来像这样：

您可以随时通过单击 WordPress 仪表板中的网站构建器链接（上面突出显示）跳回完整的网站构建器。

旁注 – 如果您想知道 Bluehost Website Builder 如何与 WordPress 集成，它在技术上只是一个主题。 因此，您需要避免在仪表板中更改主题，因为这会使网站构建器停止工作，直到您重新激活网站构建器主题。

立即开始使用 Bluehost Website Builder

Bluehost Website Builder 可用于 Bluehost 的任何 WordPress 托管计划，因此您每月只需几美元即可开始使用。

首先，立即购买 Bluehost 托管，在添加您的网站时选择 Bluehost Website Builder，然后按照本教程启动您的网站。

您对我们的 Bluehost Website Builder 教程还有任何疑问吗？ 让我们在评论中知道！

* 此帖子包含附属链接，这意味着如果您点击其中一个产品链接然后购买该产品，我们将获得佣金。 不过不用担心，您仍需支付标准金额，因此您无需支付任何费用。