in

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

想开始吗?单击此处注册 Hostinger并立即创建网站。

您可以在 20 分钟内创建一个网站。您也不需要成为技术向导。

不管是商务还是休闲。您不需要花哨的设计师或昂贵的开发人员。只需按照以下简单步骤操作,您就可以立即上线。

创建网站的快速入门清单

想让您的网站尽快运行吗?按照以下两个步骤在 15 分钟或更短的时间内启动并运行您自己的互联网资产。

1. 注册 注册 Hostinger。选择他们的单一共享虚拟主机计划,每月只需 1.99 美元。这是一份为期四年的合同,但这是目前最划算的交易,而且您还可以获得一个免费域名。按照步骤创建帐户并购买计划。

2.安装WordPress。43% 的网络建立在 WordPress 之上,您只需在 Hostinger 控制面板中单击一下,即可将 WordPress 安装为您的内容管理系统(CMS)。您将使用 CMS 来控制网站的外观。这也是您上传所有内容的方式。

瞧!在 Netflix 上观看您最喜爱的节目的一集所需的时间更短,您就可以让您的新网站上线。

如果您想创建一个网站来建立受众群体并以正确的方式赚钱,还有更多工作要做。不过别担心!这篇文章的其余部分涵盖了您需要了解的所有内容。

创建网站的 9 个步骤

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

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

第 1 步:选择完美的域名

选择域是您可以为网站做出的最重要的决定。它从字面上说明了您想如何向世界展示。它是您网站的地址,也是人们记住您的方式。

虽然许多最佳域名已被占用,但这并不意味着您无法为您的品牌找到完美的域名。 

在集思广益想出好的域名时,请考虑以下因素:

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

提出一些潜在的域名,以防您的首选已经被采用。Hostinger Domain Checker 是免费的,它会让您知道您想要的域名是否可用。

在域检查器中输入您想要的名称。如果它可用,太棒了。如果没有,Hostinger 会自动提供一些与您正在寻找的内容接近的建议。

也许其中一项建议对您有用。也许你必须尝试不同的方法。

我建议您集思广益并进行搜索,直到找到您喜欢的可用域,而不是仅仅因为它可用而采用不太正确的域。如果您遇到困难,您可以随时尝试使用许多其他免费域名生成器中的一种来启动您的创意流程。

可以购买一个已经被占用的域名——但我不建议这样做,因为它非常昂贵。事实上,优质域名通常至少要花费几千美元我见过一个域名的价格高达六到七位数。

我的建议是斗志旺盛、富有创造力并保持灵活性。您将能够以合理的价格找到一款。

此时不要将域名添加到您的购物车——您可以通过注册他们的高级共享主机服务免费获得一个域名,这是我推荐的。

接下来我将引导您完成该过程。

第 2 步:使用 Hostinger 获取虚拟主机和免费域名注册

一个网站只需要两件事就可以上线:一个域名和一个虚拟主机。

你刚刚想出了你的域名。现在是时候将它与一个好的网络主机一起使用了。

我们强烈建议您使用 Hostinger 作为您网站的主机。他们提供快速可靠的虚拟主机。Hostinger 还允许您免费注册您的域。

  • 最优惠的托管服务
  • 非常适合 WORDPRESS 网站
  • 免费域名注册
  • 每月 1.99 美元起

 

您现在可以使用我们的折扣链接以每月 1.99 美元的价格获得Hostinger 。它会为您提供启动和运行网站所需的一切。

首先访问Hostinger 的网站。然后单击立即开始。 

Hostinger 高级共享托管页面。

它将为您提供三种共享托管选项,这是大多数人想要创建新网站的托管类型。

Hostinger 提供三种共享主机选项:SinglePremiumBusiness

Hostinger 定价页面。
选择您的托管商共享托管计划以继续。

除非您已经拥有域名,否则我建议您注册 Premium。

我的理由是单一共享主机计划附带免费域,而高级和商业计划有。由于您需要一个域名才能拥有一个网站,因此绝大多数希望创建网站的用户都希望将域名 + 托管捆绑在一起。

Premium 和 Business 计划都能够创建 100 个网站、100 个电子邮件帐户和其他工具,以使您的网站保持最佳性能。

商业计划附带更多存储和带宽,因此您的站点将能够处理比高级计划更多的流量。

对于大多数新站点,Premium 就足够了,但如果您希望立即获得大量流量,那么 Business 可能是更好的选择。在 Hostinger 的主页上查看每个计划所包含的所有内容的完整概要。

选择最适合您的计划后,Hostinger 会询问您要注册多长时间。如果您选择高级计划,情况如下:

具有基于合同长度的定价选项的 Hostinger 购物车。
长期锁定是使用 HOSTINGER 省钱的最佳方式。

我为高级计划选择了 48 个月的期限,这样我就可以最大限度地享受折扣。如您所见,我将支付不到 100 美元的四年托管费用!

这是一个惊人的价格,尤其是当您考虑到许多其他托管服务提供商对 SSL 证书、网站建设者、电子邮件帐户以及 Hostinger 免费捆绑的其他关键功能收取额外费用时。

选择托管协议的期限后,完成页面上的其余信息。

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

付款完成并确认您的电子邮件地址后,您就可以开始设置您的网站了。

如果您需要托管 WordPress 托管,WPEngine 是一个不错的选择。

作为托管主机,WP Engine专业地维护服务器级别的速度和安全性,因此您无需执行任何操作。

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

一旦您的付款得到处理,您将收到来自 Hostinger 的欢迎电子邮件。从那里,您可以简单地按照入职说明登录并完成您的帐户。

Hostinger 会提示您回答一系列关于您的新网站的简单问题。

Hostinger 让我们知道您正在创建什么选择屏幕。

题目都非常直白,几分钟就可以搞定这一步。

如果您注册了高级或商务共享主机计划,此时您可以选择申请您的免费域名。

Hostinger 申请免费域选项屏幕。

您还可以选择购买额外的域或连接您已经拥有的任何域。如果您要连接现有域并想将域名更改为新域名,现在也是这样做的好时机。

您的域名仅免费提供一年,并且会以更高的价格自动续订。这是每个提供免费域的网络托管服务提供商的常见做法。

在完成此步骤时,请留意续订价格,以免日后出现任何意外。

第 4 步:使用 Hostinger 安装 WordPress

现在是时候选择您的 CMS(内容管理系统)了,而 WordPress 是我最推荐的。

您可以通过 Hostinger 选择其他选项。但是除非你有特定的理由这样做,否则 WordPress 是绝大多数新网站的最佳选择。它简单、经济实惠,并让您完全控制您的网站创建。

使用 Hostinger 示例安装 WordPress。

创建一个新的 WordPress 帐户并选择您的主题。

主题本质上是您网站的布局——控制它的外观和感觉。

现在不要想太多。您以后可以随时更改主题并自定义布局。稍后我们将更详细地介绍这些步骤。

但现在,只需确认您的信息正确即可继续。

Hostinger 完成设置屏幕。

仔细检查所有内容。如果 Hostinger 将您的站点定位在错误的区域,您可以通过单击铅笔编辑图标进行调整。

确认一切正常后,单击“完成设置” 。安装过程大约需要五分钟才能完成。

恭喜!您现在拥有了互联网的一部分!

第 5 步:在 Hostinger 控制面板中访问 WordPress

Hostinger 为您提供了一个非常方便的仪表板来管理您的站点。它被称为 hPanel,就网站控制面板而言,非常欢迎新用户。

如果您有任何困惑,Hostinger 提供了大量关于如何导航 hPanel 的支持。

系统将提示您使用 WordPress 创建您的网站。如果您错过提示或出于任何原因跳过它们,您始终可以使用仪表板中左侧的下拉面板登录 WordPress:

Hostinger 的 hPanel 的屏幕截图。
HOSTINGER 的 HPANEL 使创建和管理您的 WORDPRESS 网站变得容易。

单击屏幕左侧的WordPress 。您会看到一个新屏幕,其中包含一个用于编辑网站的按钮。单击它,如果出现提示,请输入您的凭据,然后开始自定义您的新网站。

突出显示“编辑网站”的 Hostinger hPanel 图像的屏幕截图。
您可以通过 HOSTINGER HPANEL 轻松访问您的新 WORDPRESS 站点。

第 6 步:使用可自定义的主题设计您的网站

您已经选择了一个WordPress 主题来构建您的网站,如果您对它的外观感到满意,那就太好了!

如果您想看看还有什么,您可以在 WordPress.org 上探索数以万计的主题。其中很多都是免费的。还有一些您需要付费。

专业提示:不要太担心这一部分。很容易陷入完美主义,并认为您需要在第一时间就把主题弄好。这不是真的。

您可以做的最重要的事情就是选择一个基本主题并与之配合。您以后可以随时更改主题。 

转到您的 WordPress 网站的管理仪表板。您可以通过 Hostinger 仪表板执行此操作,也可以使用 URL [您的网站名称].com/wp-admin。然后只需使用您在上一步中获得的用户名和密码即可。

进入管理仪表板后,转到侧边栏并单击外观>主题>添加新主题。 

添加一个新的主题示例。

这将允许您从 WordPress 的库中添加任何您想要的主题。现在选择一个。

对于本文,我们将使用 OceanWP 这是一个非常灵活的免费主题。无论您需要博客、电子商务商店还是其他任何东西,OceanWP 都可以完成。

使用搜索栏搜索主题。找到它后,单击“安装”。

OceanWP 安装屏幕。

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

OceanWP 激活屏幕。

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

OceanWP 自定义屏幕。

您现在可以根据需要更改网站的任何方面。这包括您网站的颜色、菜单选项、标题图片等。

单击自定义后,您会在自定义网站时看到您的网站,以及带有不同自定义选项的左侧栏。

每个主题提供不同的选项,但主题之间有很多重叠。我们将更详细地介绍每个选项的作用——以及它是否重要:

  • 站点标识。重要的。该区域将允许您更改站点的标题以及副标题或标语。在大多数情况下,您还可以上传站点图标。这是当人们访问您的网站时出现在新浏览器选项卡中的图像。
  • 颜色。选修的。更改网站的调色板。对于 OceanWP,此部分仅允许您更改标题文本的颜色。
  • 菜单。很重要。它允许您为您的网站创建导航菜单。您的读者将使用此菜单来发现和导航到您网站的特定页面。您还可以选择菜单出现的位置(例如顶部、页脚、侧边栏)。
  • 小部件。选修的。这些是您可以在整个网站上放置的不同工具,例如档案、日历、搜索栏等。完全可选,但可能会有所帮助,具体取决于您拥有的网站。
小部件示例。
  • 主页设置。选修的。这可以控制您是否拥有静态主页,或者您的网站是否自动显示您最新的博客文章。同样,这完全是可选的,取决于您网站的需求。
  • 额外的 CSS。选修的。您可以在此处使用 CSS 代码添加更多自定义选项。如果您拥有更改网站的正确资源和知识,这将非常强大。
  • 常规选项。重要的。此部分允许您自定义网站的许多不同方面。它包括诸如页眉大小、可以使用的图标、页面标题、布局等内容。
自定义常规选项示例。
  • 排版。重要在这里您可以自定义与字体相关的所有内容。这包括字体大小、您要使用的字体类型以及这些字体的显示位置。例如,您可能想为 H2 标题使用 Helvetica,但您可能想为标题使用 Comic Sans(请不要实际这样做;这只是一个示例)。
  • 顶级酒吧。选修的。这将编辑您网站的顶部区域。您可以在此处添加社交链接、其他页面的按钮等等。
  • 标头。重要的。允许您完全自定义网站的标题区域。添加图像或徽标、更改字体和颜色,或任何您想要使网站成为您的网站的其他操作。
  • 博客。选修的。这使您可以更改博客的布局以及网站主页上显示的帖子。
  • 边栏。选修的。您可以在您的网站上添加侧边栏。这是完全可选的,因为您的读者可以只使用顶部导航栏来浏览您的网站。
  • 页脚小部件。选修的。添加工具并自定义您的页脚。
  • 页脚底部。选修的。这是网站的版权和联系信息部分。这可能很重要——尤其是当您经营一家企业时。

现在,根据您的心愿定制您的网站。完成后,单击发布,瞧!您的网站将自动更新以反映您的更改。

您的网站仍然看起来有点稀疏。我们需要为它创建一些页面。

第 7 步:构建网站架构

如果您的网站是一座房子,那么它目前是一片空地。它有坚实的基础,并连接到基本的公用设施——但它需要墙壁和房间。

要构建这些,您需要创建网页。这些是互联网上的文档,读者可以通过您的网站访问这些文档。

但是您应该将它们视为您家中的房间。这些是访问者将看到并了解您和您的网站的区域。

虽然存在许多不同类型的网页,但最重要的是:

  • 主页。这是您网站的主页。这是读者最先看到的,所以非常重要。
  • 联系页面。此页面显示您的用户如何与您联系。这可能非常重要,具体取决于您的业务。
  • 关于页面。此页面向新访问者介绍有关您的网站和/或业务的所有信息。通常,企业会将他们的“品牌故事”放在这里,讲述他们是如何诞生的。
  • 网上商城。您的读者可以在这里购买您的产品和服务。根据您的业务,在线商店也可能非常重要。
  • 博客页面。博客页面。此页面是您所有博客文章所在的位置。如果您计划发布文章供读者阅读(您应该这样做—61% 的买家根据博客内容做出购买决定),这将是您网站的一个非常重要的部分。

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

如何创建主页

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

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

第一个选项很简单:创建博客文章,主页将自动显示所有最新的博客文章。

这就是为什么我们要引导您完成为您的网站创建静态页面的过程。这对于只希望品牌页面向其受众介绍网站的公司特别有用。

它也比显示您最新博客文章的页面更具可定制性。

首先,返回您的 WordPress 网站仪表板并单击页面>添加新的。

添加新页面示例。

现在,您将进入 WordPress 的页面编辑器模式。此区域允许您通过添加文本、图像、视频、模因或您想要在主页(或与此相关的任何其他页面)上展示的任何其他内容来创建页面。

WordPress 示例中的页面编辑器模式。

“添加标题”框中,您可以为主页创建(您猜对了)标题。这将在顶部显示一大段文字。下面是内容框,您可以在其中添加文本或媒体。

在左上角,您可以单击+按钮添加新的内容块。

在 WordPress 示例中添加新的内容块。

这是一个非常重要的区域,可让您轻松添加媒体、引用、引述、新段落、标题等。

在右上角,您会看到五个按钮:

  • 保存草稿。这使您可以在编辑主页时保存进度。
  • 预览。这使您可以了解发布后页面的外观。
  • 发布。这实际上发布了草案。
  • 设置(齿轮图标)。这个区域允许你做很多事情,包括编辑每个块的字体大小(在部分下)。您还可以设置主页的可见性、安排发布页面的时间、更改 URL、设置特色图片以及允许发表评论(在页面部分下
  • 额外工具(三个点)。该菜单包括许多额外的工具,您可以使用这些工具来更改页面编辑器的可视化效果。

现在通过添加标题和内容来创建一个基本主页。它不需要很花哨。我们只是将此作为测试运行。您以后可以随时更改它。

完成后,单击右上角的发布。该网站现在将上线!

但这并不意味着它是您的主页。转到侧栏上的外观>自定义。

在 WordPress 示例中自定义外观。

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

主页设置选项示例。

选择该页面,然后单击顶部的发布。

恭喜!!您刚刚创建了您的第一个主页。

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

为您的网站创建任何其他页面的大部分步骤与您的主页相同。

首先,返回您的 WordPress 网站仪表板并单击页面>添加新的。

添加新页面示例。

并在页面编辑器中创建您要创建的页面。就这么简单。

但是,如果您允许读者轻松发现该网页,则必须为他们创建一些导航元素。

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

创建菜单将因主题而异。然而,在 OceanWP 中它相当简单。

从您的 WordPress 仪表板,单击外观>自定义。 

在 WordPress 示例中自定义外观。

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

在 WordPress 示例中创建一个新菜单。

在这里,您可以为菜单命名并选择您希望它出现的位置。

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

菜单位置选项示例。

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

在 WordPress 示例中向菜单添加项目。

从这里您可以通过您已经创建的页面添加页面、自定义链接到不同的网站、博客文章、类别、标签等等。

现在,我们将把我们的主页、联系方式和关于页面(我们在前面的部分中创建)添加到菜单上。

单击“页面”部分下的页面以执行此操作。

在 WordPress 中添加新项目时突出显示页面部分的图像。

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

图像显示添加到 WordPress 菜单的新项目。

需要注意的一件事是,您可以为您能想到的更大类别创建下拉菜单。

例如,假设我们想将我们的联系页面添加到我们的关于部分。您可以通过在自定义菜单时将“联系人”菜单拖到“关于”部分下方来实现(见下文)。

重新排列 WordPress 菜单上的项目。

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

WordPress 示例菜单的关于部分中的下拉菜单。

完成菜单制作后,单击顶部的发布。

你完成了!您刚刚创建了您的第一个网站。

查看您的新网站的所有荣耀:

WordPress 上的新网站示例。

好吧,我们承认:它现在有点平淡无奇——但那是因为你还没有为它打上烙印或添加任何真实内容!

我们向您展示了如何启动和运行您的网站。现在轮到您制作内容了。

第 9 步:为您的网站创建引人注目的内容

您最终选择在您的网站中包含什么内容完全取决于您。

但是,我们发现对于成功的网站来说,有两个方面是最重要的:设计和内容。

创建网站:回答您最关心的问题

从头开始建立一个网站有多难?

从头开始构建网站并不难。在建站工具的帮助下,您无需编写任何代码即可构建和启动新网站。只需选择一个专业设计的模板作为起点,然后使用您自己的内容和品牌材料对其进行自定义。 您可以使用拖放式网站构建器来设计您的网站并管理所有内容,而无需聘请开发人员。

Written by 河小马

河小马是一位杰出的数字营销行业领袖,广告中国论坛的重要成员,其专业技能涵盖了PPC广告、域名停放、网站开发、联盟营销以及跨境电商咨询等多个领域。作为一位资深程序开发者,他不仅具备强大的技术能力,而且在出海网络营销方面拥有超过13年的经验。