如何通过9个简单的步骤创建网站？

创建网站的 9 个步骤

以下是构建网站的步骤摘要：

1. 选择完美的域名
2. 使用 Hostinger 获得网络托管和免费域名注册
3. 使用 Hostinger 申请您的免费域名
4. 使用 Hostinger 安装 WordPress
5. 在 Hostinger 仪表板中访问 WordPress
6. 使用可定制的主题设计您的网站
7. 构建您的网站架构
8. 将您的网页与菜单连接起来
9. 为您的网站创建引人入胜的内容

在您创建网站时，请随意使用这些链接跳转到您需要的部分。

第 1 步：选择完美的域名

选择域是您可以为您的网站做出的最重要的决定之一。它是您网站的地址，也是人们记住您网站的方式。 虽然采用了许多最佳域名，但这并不意味着您将无法为您的品牌找到完美的域名。  在头脑风暴好的域名时，请考虑以下要素：

• 容易说和拼写。潜在的访问者应该能够向某人大声说出您的域名，而无需他们两次询问如何拼写或说出它。
• 短而甜。我们建议不要超过 14 个字符。您不想要一个很难记住和说的过长的域名。
• 使用 .com、.org 或 .net。虽然那里有很多域名系统，但最好坚持使用久经考验的域名系统。毕竟，您希望人们能够记住它。
• 用你的名字。个人博客、网站或作品集的绝佳选择。
• 避免使用数字和连字符。这只是让它在 URL 中看起来很奇怪。此外，它使人们更难向他人说出您的 URL。

如果您想了解有关此主题的更多信息，请查看我们关于如何购买正确域名的文章。 想出一些潜在的域名，以防您的首选域名已经被选中。Hostinger域检查器是免费的，它会让您知道您想要的域名是否可用。

在域检查器中输入您想要的名称。如果它可用，那就太好了。如果没有，Hostinger 会自动提供一些与您正在寻找的内容相近的建议。 也许其中一项建议对您有用。也许你必须尝试不同的方法。 我建议您集思广益并搜索，直到找到您喜欢的可用域，而不是仅仅因为它可用就选择不太正确的东西。 购买一个已经被占用的域名是可能的——但我不建议这样做，因为它非常昂贵。事实上，优质域名通常至少要花费几千美元。我已经看到一个域名的价格高达六七位数。 我的建议是变得斗志昂扬，发挥创造力并保持灵活性。您将能够以合理的价格找到一个可用的。 此时不要将域添加到您的购物车——您可以通过注册他们的高级共享主机服务来免费获得一个域，这是我推荐的。 接下来，我将引导您完成该过程。

第 2 步：通过 Hostinger 获得虚拟主机和免费域名注册

一个网站只需要两件事就能上线：一个域名和一个虚拟主机。 你刚刚想出了你的域名。现在是时候将它与一个好的网络主机一起使用了。 我们强烈建议您使用 Hostinger 作为您网站的主机。他们提供快速可靠的网络主机。Hostinger 还允许您免费注册您的域名。 首先访问Hostinger 的网站。然后点击立即开始。   

它将为您提供三种共享主机选项，这是大多数人想要创建新网站的主机类型。 Hostinger 提供三种共享主机选项：Single、Premium和Business：

除非您已经拥有域名，否则我建议您注册 Premium。   我的理由是，单一共享主机计划没有免费域，而高级和商业计划有。由于您需要一个域名才能拥有一个网站，因此绝大多数希望创建网站的用户都希望将域名 + 托管捆绑在一起。 Premium 和 Business 计划都能够创建 100 个网站、100 个电子邮件帐户和其他工具，以使您的网站保持最佳性能。 商业计划附带更多的存储空间和带宽，因此您的站点将能够处理比高级计划更多的流量。 对于大多数新网站来说，Premium 已经绰绰有余，但如果您期望立即获得大量流量，Business 可能是更好的选择。在 Hostinger 的主页上查看每个计划中包含的所有内容的完整概要。 一旦您选择了最适合您的计划，Hostinger 会询问您要注册多长时间。如果您选择高级计划，情况如下：

我为我的高级计划选择了 48 个月的期限，这样我就可以最大限度地享受折扣。如您所见，我最终会为四年的托管支付不到 100 美元的费用！   这是一个惊人的价格，尤其是当您考虑到许多其他托管服务提供商对 SSL 证书、网站构建器、电子邮件帐户和 Hostinger 免费捆绑的其他关键功能等内容收取额外费用时。 选择托管协议的长度后，填写页面上的其余信息。

1. 在 Hostinger 注册一个帐户。您可以使用电子邮件地址，或通过现有的 Google、Facebook 或 GitHub 帐户注册。无论您选择什么，都将其设为您定期检查的电子邮件或帐户，因为这是 Hostinger 与您就出现的任何问题进行沟通的方式。
2. 输入付款详情。Hostinger 接受所有主要信用卡和各种在线支付网关，例如 PayPal、GooglePay 和 CoinGate。
3. 点击“提交”。提交付款后，您有 30 天的时间免费试用 Hostinger。如果您对服务不满意，请在第一个月内取消以获得退款。

付款完成并确认您的电子邮件地址后，您就可以开始设置您的网站了。 如果您需要 Hostinger 的替代品或正在寻找托管托管（而不是管理您自己的托管），WPEngine 为那些想要该选项的人提供了出色的托管 WordPress 托管。作为托管主机，WP Engine 专业地维护服务器级别的速度和安全性，因此您无需执行任何操作，并且您的网站性能从一开始就得到了优化。要了解更多信息，请查看我们的WPEngine 评论。

第 3 步：申请您的免费域名

按照欢迎电子邮件中的说明登录 Hostinger。 到达那里后，您将回答有关您尝试创建的网站的一系列直截了当的问题：

整个设置过程基本上就是这么简单，只需要几分钟。 只要您注册了 Premium 或 Business Shared Hosting，您就可以选择申请您的免费域名：

此时您还可以连接您已经拥有的域（演练非常简单）或购买额外的域。 当您从免费域中进行选择时，请留意续订价格。您的域在第一年是免费的。之后，您必须以更高的价格续订。这与任何其他主机没有什么不同，但您不希望对续订定价感到惊讶。

续订价格比起始价格高出 50 倍以上的顶级示例并不常见。但它发生了。下面的例子在域名续订的正常范围内要多得多。

第 4 步：使用 Hostinger 安装 WordPress

接下来，您将选择您的内容管理系统 (CMS)。我建议使用 WordPress。 Hostinger 将为您提供其他 CMS 选项，但除非您有令人信服的理由不这样做，否则 WordPress 是您可以制作的最简单、最便宜、最安全的游戏。

使用强密码创建一个 WordPress 帐户，并为您的网站从数十种不同的布局选项中进行选择。不同的布局被称为 WordPress 主题。 此时您只需要做出选择——您可以稍后更改主题和自定义网站。我们将在接下来的步骤中讨论所有这些。 现在，只需确认一切正确：

仔细检查所有这些，如果由于某种原因 Hostinger 将您的网站定位在不正确的区域，请单击紫色铅笔编辑按钮进行调整。 确定信息正确后，单击完成设置。这需要不到五分钟。 恭喜！您现在拥有一块互联网！ 让我们深入了解如何使用 WordPress。

第 5 步：在 Hostinger 仪表板中访问 WordPress

Hostinger 为您提供了一个非常方便的仪表板来管理您的网站。它被称为 hPanel，就网站控制面板而言，它非常欢迎新用户。 如果您有任何困惑，Hostinger 提供了大量关于如何导航 hPanel 的支持。 系统将提示您使用 WordPress 创建您的网站。如果您因任何原因错过提示或跳过它们，您始终可以使用仪表板中的左侧下拉面板登录 WordPress：

输入您在上一步中创建的 WordPress 帐户密码以登录并开始自定义您的新网站。

第 6 步：使用可定制的主题设计您的网站

您已经选择了一个 WordPress 主题来构建您的网站，如果您对它的外观感到满意，那就太好了！ 如果您想看看还有什么，您可以在 WordPress.org 上探索数以万计的主题。其中很多都是免费的。还有一些你需要支付。 专业提示：不要太担心本节。很容易陷入完美主义并认为您需要在第一时间就正确地确定您的主题。这不是真的。 您可以做的最重要的事情是选择一个基本主题并使用它。您以后可以随时更改主题。  转到您的 WordPress 网站的管理仪表板。您可以通过 Hostinger 仪表板执行此操作，也可以使用 URL [您的网站名称].com/wp-admin。然后只需使用您在上一步中获得的用户名和密码。 进入管理仪表板后，转到侧边栏并单击外观>主题>添加新主题。    这将允许您从 WordPress 的库中添加您想要的任何主题。现在选择一个。 对于本文，我们将使用 OceanWP 。这是一个非常灵活的免费主题。无论您需要博客、电子商务商店还是其他任何东西，OceanWP 都可以完成。 使用搜索栏搜索主题。找到后，单击安装。

安装完成后，点击激活按钮。这会将主题实施到您的网站上。

您现在可以通过单击“自定义”按钮根据自己的喜好自定义主题。

您现在可以更改您想要的网站的任何方面。这包括您网站的颜色、菜单选项、标题图片等。 单击自定义后，您会在自定义网站时看到您的网站以及带有不同自定义选项的左侧边栏。 每个主题都提供不同的选项，但主题之间有很多重叠之处。我们将更详细地了解每个选项的作用——以及它是否重要：

• 站点标识。重要的。该区域将允许您更改网站的标题以及副标题或标语。在大多数情况下，您还可以上传网站图标。这是当人们在您的网站上时出现在新浏览器选项卡中的图像。
• 颜色。选修的。更改您网站的调色板。对于 OceanWP，此部分仅允许您更改标题文本的颜色。
• 菜单。很重要。它允许您为您的网站创建导航菜单。您的读者将使用此菜单来发现和导航到您网站的特定页面。您还可以选择菜单出现的位置（例如顶部、页脚、侧边栏）。
• 小部件。选修的。这些是您可以在整个网站中放置的不同工具，例如档案、日历、搜索栏等。完全可选，但可能会有所帮助，具体取决于您拥有的网站。

• 主页设置。选修的。这可以控制您是否拥有静态主页，或者您的网站是否会自动显示您最新的博客文章。同样，这完全是可选的，取决于您网站的需求。
• 额外的 CSS。选修的。您可以在此处使用 CSS 代码添加更多自定义选项。如果您拥有正确的资源和知识来更改您的网站，这将非常强大。
• 常规选项。重要的。本部分允许您自定义有关您网站的大量不同方面。它包括标题大小、可以使用的图标、页面标题、布局等内容。

• 排版。重要。在这里您可以自定义所有与字体相关的内容。这包括字体的大小、您要使用的字体类型以及这些字体将出现的位置。例如，您可能希望在 H2 标题中使用 Helvetica，但您可能希望在标题中使用 Comic Sans（请不要实际这样做；这只是一个示例）。
• 顶吧。选修的。这将编辑您网站的顶部区域。您可以在此处添加社交链接、其他页面的按钮等等。
• 标题。重要的。允许您完全自定义网站的标题区域。添加图像或徽标，更改字体和颜色，或者您想要做的任何其他事情以使网站成为您的网站。
• 博客。选修的。这使您可以更改博客的布局以及网站主页上显示的帖子。
• 侧边栏。选修的。您可以为您的网站添加侧边栏。这完全是可选的，因为您的读者只需使用顶部导航栏即可浏览您的网站。
• 页脚小部件。选修的。添加工具并自定义您的页脚。
• 页脚底部。选修的。这是具有版权和联系信息的网站部分。这可能很重要——特别是如果你正在经营一家企业。

现在，根据您的心愿定制您的网站。完成后，单击发布，瞧！您的网站将自动更新以反映您的更改。 您的网站仍然看起来有点稀疏。我们需要为它创建一些页面。

第 7 步：构建您网站的架构

如果您的网站是一所房子，那么它目前是一片空地。它有坚实的基础，并与基本的公用设施相连——但它需要墙壁和房间。 要构建这些，您需要创建网页。这些是读者通过您的网站访问的 Internet 上的文档。 但是您应该将它们视为您家的房间。这些是访问者将看到并了解您和您的网站的区域。 虽然存在许多不同类型的网页，但最重要的是：

• 主页。这是您网站的主页。这是读者首先看到的，因此非常重要。
• 联系页面。此页面显示您的用户如何与您联系。这可能非常重要，具体取决于您的业务。
• 关于页面。此页面向新访问者介绍您的网站和/或业务的所有信息。通常，企业会将他们的“品牌故事”放在这里，讲述他们是如何形成的。
• 网上商城。这是您的读者可以从您那里购买产品和服务的地方。同样，取决于您的业务，这可能非常重要。
• 博客页面。此页面是您所有博客文章所在的位置。如果您打算发表文章供读者阅读，这将是您网站分类的一个非常重要的部分。

在 WordPress 上创建页面只需点击几下。让我们来看看如何为您的网站创建最重要的页面。

如何创建主页

OceanWP 为您提供了两种不同的方式来创建主页：

• 你的最新帖子。您的主页展示了您最新的博客文章。
• 静态页面。您创建一个页面成为您的主页。

第一个选项很简单：创建博客文章，主页将自动显示您所有最新的博客文章。 这就是为什么我们要引导您完成为您的网站创建静态页面的原因。这对于只希望品牌页面向网站介绍其受众的公司特别有用。 它也比显示您最新博客文章的页面更具可定制性。 首先，返回您的 WordPress 网站仪表板，然后单击Pages>Add New。

现在，您将处于 WordPress 的页面编辑器模式。此区域允许您通过添加文本、图像、视频、模因或您想在主页（或任何其他页面）上展示的任何其他内容来创建页面。

在“添加标题”框中，您可以为主页创建（您猜对了）标题。这将在顶部显示一大段文本。下面是内容框，您可以在其中添加文本或媒体。 在左上角，您可以单击+按钮添加新的内容块。

这是一个非常重要的区域，可让您轻松添加媒体、引用、拉引号、新段落、标题等。 在右上角，您会看到五个按钮：

• 保存草稿。这使您可以在编辑主页时保存进度。
• 预览。这使您可以了解您的页面在发布后会是什么样子。
• 发布。这实际上发布了草案。
• 设置（齿轮图标）。这个区域允许你做很多事情，包括编辑每个块的字体大小（在块部分下）。您还可以设置主页的可见性、安排发布页面的时间、更改 URL、设置特色图片以及允许评论（在“页面”部分下）。
• 额外工具（三个点）。此菜单包含许多可用于更改页面编辑器可视化的额外工具。

现在通过添加标题和内容来创建一个基本主页。它不需要花哨。我们只是将其作为测试运行。您可以随时更改它。 完成后，单击右上角的发布。该网站现在将上线！ 但这并不意味着它是您的主页。转到侧边栏上的外观>自定义。

然后转到主页设置。您现在可以单击主页下方显示设置的静态页面。这将允许您在主页下方的下拉菜单中选择刚刚创建的主页。   

选择该页面，然后单击顶部的发布。 恭喜！！您刚刚创建了您的第一个主页。

如何创建关于、联系人、登陆或任何其他页面

为您的网站创建任何其他页面将主要包含与您的主页相同的步骤。 首先，返回您的 WordPress 网站仪表板，然后单击Pages>Add New。  

并在页面编辑器中创建您要创建的页面。真的就这么简单。 但是，如果您允许您的读者轻松发现该网页，您将不得不为他们创建一些导航元素。

第 8 步：将您的网页与菜单连接起来

创建菜单会因主题而异。但是，在 OceanWP 中它相当简单。 在您的 WordPress 仪表板中，单击外观>自定义。 

然后单击菜单>创建新菜单。 

在这里，您可以为菜单命名并选择您希望它出现的位置。 现在，我们将使用非常有创意的名称“新菜单”并选择顶部栏作为菜单位置。您以后可以随时更改此设置。然后单击下一步。   

现在是时候添加一些链接了。单击+ 添加项目以开始构建您的菜单。

从这里，您可以通过已创建的页面、指向不同网站的自定义链接、博客文章、类别、标签等添加页面。 现在，我们要将 Home、Contact 和 About 页面（我们在前面的部分中创建）添加到菜单中。 单击“页面”部分下的页面以执行此操作。

它们现在将出现在您的主网站的顶部栏菜单中。

需要注意的一件事是，您可以为您能想到的更大类别创建下拉菜单。 例如，假设我们想将我们的联系页面添加到我们的关于部分。您可以通过在自定义菜单时拖动“关于”部分下方的“联系人”菜单来执行此操作（见下文）。

您的“关于”菜单现在将包含一个下拉菜单，访问者可以在其中访问您的“联系”页面。

完成菜单制作后，单击顶部的发布。 你完成了！您刚刚创建了您的第一个网站。 查看您的新网站的所有荣耀：

好的，我们承认：现在它有点让人印象深刻——但那是因为你还没有开始为它打上品牌或添加任何真实的内容！ 我们向您展示了如何启动和运行您的网站。现在轮到您制作内容了。

第 9 步：为您的网站创建引人入胜的内容

您最终选择在您的网站中包含哪些内容完全取决于您。 但是，对于成功的网站，我们发现有两个领域最重要：设计和内容。 以下是我们升级两者的最佳资源：