如何创建一个网站？初学者的分步指南

admin 管理员组

文章数量: 887021

在2020年，任何人都可以在不了解Web开发，设计或编码的情况下建立和设计网站。
无论您是想为自己还是为企业创建网站，都可以使用正确的工具和资源轻松地做到这一点。
本分步指南将帮助您从头开始创建网站，而不必花钱给自由职业者，代理商或网站建设者。
您只需要1-2小时的空闲时间即可完成指南并建立网站。
建立网站所需的一切
域名（您的自定义网址，www.YourSite）
网站托管（托管您的网站的服务）
WordPress（免费的常用网站平台）
要构建功能完善的网站，您需要保护域名（网址）和虚拟主机帐户。这两个确保您的网站可供其他人完全访问。没有一个或另一个，您将无法建立网站。
一旦拥有域名和托管，就可以创建一个WordPress网站。WordPress是最受欢迎的网站构建平台，Internet上所有网站的30％都在使用WordPress 。
设置WordPress网站通常是通过您的网络托管服务进行的简单一键式过程。
完成指南后，您将拥有一个完整的在线网站（文章较长，请耐心阅读），该网站使用自定义域名，并且可供其他人完全访问。
准备好了吗？让我们开始吧…

阿里云服务器优惠活动及详细教程：syunz/act/aliyun
腾讯云服务器优惠活动及详细教程：syunz/act/qcloud

目录（启动网站的步骤）：
1.选择一个域名
2.注册域名并注册虚拟主机
3.使用WordPress设置网站（通过虚拟主机）
4.自定义您的网站设计和结构
5.添加重要页面和内容
6.设置导航菜单
7.添加在线商店（可选）

全面披露：本指南包含会员链接。如果您通过我们的引荐链接购买虚拟主机或域名，我们将获得佣金——您无需支付任何额外费用。谢谢你的支持。

步骤1：选择域名

为了建立一个网站，您首先需要的是域名。
域名是您的网站名称和地址。访问者尝试通过网络浏览器查找您的网站时会使用该地址。
该网站的域名是websitesetup。你可以是任何东西。
域名每年的费用从几块钱到几十几百不等。通常的价格在五十左右。
如果您尚未为网站注册或选择域名，请参考以下提示以帮助您：
如果您要建立企业网站，则域名应与公司名称匹配。例如：YourCompanyName
如果您打算自己建立一个个人网站，那YourName 将是一个不错的选择。
使用“通用”域名的扩展名，例如，或者如果你的目标是国际游客。如果您的目标是针对国家/地区的访问者，请使用“本地”域名扩展名，例如
如果您的首选域名已被占用，请不要担心。虽然已经注册了超过3亿个不同的域名，但还有十亿种其他可能性域名可用。
如果您还没有域名，则无需注册。
我将向您展示第一年如何免费获取域名（第2步）：

步骤2：获取虚拟主机并注册域名

除了拥有域名之外，您还需要网站托管（网络托管）。
Web托管是一项将您的网站文件（内容）托管并存储在始终运行的安全服务器上的服务。没有网络主机，其他人将无法访问您的网站。
新网站的价格合理且可靠的虚拟主机托管费用通常在每月3到10美元之间。少喝几杯咖啡，但却是网站成功的重要投资。
对于您注册的任何一家网络托管公司，请确保其具有以下功能：
带SSL的免费域名（出于安全性考虑）
一键安装WordPress（免费）
自定义电子邮件帐户
无限或不限带宽（无流量限制）
客户支持，最好是24/7在线聊天

国内服务器推荐阿里云，国内访问速度更快，建议买高配置的，用起来真的很不错。新用户首购能省很多钱，最好多买几年的，因为续费的时候就恢复原价了，别问我怎么知道的/捂脸。送你专属优惠入口
若用途主要在国外，那么买国外的服务器更适合。

这篇文章是以bluehost为例来说的，但并不影响你选择用哪个服务器来建站，因为你用阿里云的虚拟主机也是一样的，云服务器也差不多，安装起来都不复杂。

英文阅读不太好的朋友，可以下载一个谷歌浏览器，实时翻译。
1）要获得一个虚拟主机帐户，只需访问Bluehost并单击“立即开始”。

2）接下来，选择您的虚拟主机计划（选择plus完全不受限制，而basic最适合新站点）：

3）接下来，选择并注册一个域名（第一年免费）：

请记住，BlueHost的免费域名不提供针对具体国家的域名结尾，例如.de，.fr或.ru。如果需要它们，可以分别从阿里云或腾讯云购买。
如果您已经拥有在其他地方购买的域名，则Bluehost允许您将其连接到新的托管计划。
4）完成注册过程后，几分钟后即可立即访问，因此您可以立即开始构建网站。

步骤3：设置WordPress网站（通过Web主机）

准备好域名和虚拟主机后，就需要选择并安装网站构建平台（也称为CMS）。
我们建议选择WordPress，因为它易于使用，并附带成千上万的免费设计和附加组件，可让您的网站看起来专业而独特。
设置WordPress网站非常容易，您的网络托管商通常会为您完成此工作，因此您不必太费力。
如果您不将Bluehost用作网络托管，请不用担心。许多网络托管服务提供商都在托管cPanel中的某个位置安装了“ WordPress安装”。如果您要处理的网络主机不提供“ 一键安装 ”，请尝试手动设置WordPress 。
1）在Bluehost上安装WordPress网站
登录到您的Bluehost帐户
点击“我的网站”，然后点击“创建网站”

提供有关您网站的一些基本信息，然后将开始WordPress安装。这一切都将在自动驾驶仪上发生。
设置完成后，Bluehost将显示安装和登录详细信息。确保将此信息保存在安全的地方。

2）输入您的域名地址来测试您的网站
安装了WordPress之后，下一步应该测试是否一切正常。
最简单的方法是在网络浏览器中输入您的域名。
正确安装WordPress后，您将看到的是一个非常基本的网站，如下所示：

如果看起来不太吸引人，请放心，您将很快学习如何将设计更改为更具吸引力的产品。
3）验证SSL / HTTPS设置
简而言之，SSL证书可确保您的网站安全地交付给访问者。
创建新网站或安装WordPress时，Bluehost会自动添加SSL。要检查您网站的SSL状态，请执行以下步骤：
登录到您的Bluehost门户
点击“我的网站”
找到您的站点，然后单击“管理站点”
转到“安全性”标签
在“安全证书”下，您将找到“免费SSL证书”状态
如果一切顺利，您将在网络浏览器中的域名旁边看到一个锁定图标。
完全建立SSL可能需要几个小时，但这并不能阻止您继续构建网站。

步骤4：自定义您的网站设计和结构

随着您光秃秃的网站的活跃运转，现在是时候通过选择一个不错的设计，对其进行自定义并添加品牌元素，使其看起来更像您自己的网站了。
从…开始：
1）为您的网站选择一个主题
WordPress主题是开箱即用的设计软件包，可更改整个网站的外观。WordPress主题可以互换–您可以轻松地从一个主题切换到另一个主题。
最重要的是，网络上有成千上万的免费和付费WordPress主题。

如果您想获得一个免费的主题（大多数人都喜欢从那里开始），最好的去处是WordPress上的官方主题目录。特别是最热门的主题部分。
您在那看到的所有主题都被证明是高质量的，并且拥有庞大的用户基础。
您可以自由浏览该列表并选择您喜欢的任何主题，但在本指南中为您加快速度，我们建议使用Neve主题。这是一个通用主题，带有一些入门网站（针对不同细分市场和网站类型的设计包）。
我们将在本指南中继续使用该主题。
2）安装您喜欢的主题
转到您的WordPress管理界面。您可以在找到它YOURSITE/wp-admin。使用您在WordPress安装过程中获得的用户名和密码。
在边栏中，转到“主题→添加新内容”。

在搜索框中，键入“ Neve”，然后单击主题名称旁边的“安装”按钮：

安装完成后，单击“激活”按钮，该按钮将代替“安装”按钮出现。
您会看到一条成功消息，它告诉您安装已按预期进行。
3）导入设计（仅适用于Neve主题用户）
尽管此时该主题处于活动状态，但您还需要执行其他几项操作以使其看起来正确。
您会看到以下欢迎消息：

Neve的一大优点是您不仅可以得到一个设计，还可以选择各种各样的设计。单击蓝色的大按钮以查看它们。

有20多种免费设计可供选择，它们涵盖了大多数受欢迎的网站类型，例如商务，餐厅，健身，音乐，美食，婚礼，摄影，电子商务，投资组合等。基本上，无论您的网站主题是什么，您都将找到合适的设计包。
出于本指南的目的，我们将在列表中选择第一个-称为“原始”。
您会注意到，此安装过程将处理您站点上所需的所有元素-获得设计本身，使其正常工作所需的所有插件，以及演示内容，供以后修改。
点击“导入”按钮，一切正常。大约一分钟后，您将看到成功消息。

接下来，转到“外观→Neve选项”以查看该主题还可以做些什么。

我们将在下面探讨其中一些选项：
4）添加网站logo
大多数用户要做的第一件事是上传logo，并将其显示在网站的左上角。现在开始吧。
您可以自己制作logo。
准备好logo后，可以将其添加到您的站点。转到“外观→Neve选项”，然后单击标有“上传logo”的链接。

这是您将看到的内容：

此界面称为WordPress Customizer，它允许您编辑网站外观的各个方面。对于初学者，您可以上传logo。为此，请单击左上角附近的“选择logo”按钮。
WordPress将为您提供裁剪logo的选项，但是您可以跳过该步骤。

您应该很快会在页面的一角看到logo图标。
此外，您可以选择是否要在logo旁边显示站点名称和标语，并设置logo的最大宽度。试用这些设置，然后选择最适合您的设置。
完成后单击“发布”按钮（左上角），然后单击“ X”按钮退出定制程序。
5）更改网站的配色方案和字体
您可以尝试的另一件事是更改网站上使用的配色方案和字体。当您学习如何创建网站时，这是一个简单的解决方法，可以使您的网站更加独特，并与您的品牌形象更加协调。
首先，再次转到“外观→Neve选项”。我们将重点关注以下两个选项：

首先，点击“设置颜色”。
大多数WordPress主题由它们用于设计的各种元素的配色方案定义。
最常见的是链接的颜色，网站上的文本和背景。
您可以通过定制程序更改Neve主题的颜色分配。
要切换任何一种颜色，只需单击它并选择一种新颜色。

完成后，单击“发布”和“ X”。
更改字体的工作原理类似：
单击“外观→Neve选项”面板中的“自定义字体”链接。
Neve可让您从系统字体和Google字体的整个目录中进行选择。
只需单击“字体家族”框，然后选择所需的字体。

之后，您可以微调用于标题的各个字体。
尝试这些设置，以查看它们对您的网站的影响。
要自定义用于网站正文部分的字体，请单击左上方附近的箭头按钮。

点击“常规”。这将带您到类似的选项面板，但是这次您要调整主体字体。
完成后，单击“发布”和“ X”。
6）添加侧边栏
您可以在“外观→Neve选项”面板中做的另一件事是设置边栏的外观。单击“内容/边栏”开始。
您在此处有三个主要选项：无侧栏，左侧的侧栏或右侧的侧栏。右侧边栏是大多数网站的经典布局。您还可以设置内容宽度。进行更改后，单击“发布”和“ X”。
7）添加小部件（免费的WordPress附加组件）
窗口小部件是那些通常出现在网站侧栏中的小内容块。由于我们只是在上一步中设置了侧边栏，因此现在让我们使用小部件对其进行自定义。
要配置小部件，请转到“外观→小部件”。您会看到以下内容：

在左侧，您可以看到所有可用的小部件。在右侧，当前主题支持所有小部件区域。要将小部件添加到侧栏，您需要做的就是从左侧抓住小部件并将其拖放到侧栏区域。
例如，如果要在侧栏中列出所有页面，请抓住“页面”小部件并将其拖到侧栏部分。您还可以配置小部件的一些基本设置。
8）试用您建立的主题
上面介绍的内容足以让您了解如何创建一个醒目的原创网站，但还有许多可用的选项。
要查看所有内容，请转到“外观→自定义”。这将启动定制器的主界面及其所有设置和预设。

我们鼓励您浏览那里可用的内容，并尝试一些选项。您可能会偶然发现一些我们此处未讨论的自定义项。

步骤5：将内容/页面添加到您的网站

页面是您网站的精华。很难想象一个网站上没有任何页面，对吗？
从技术角度来看，网页只是网络上的文档。它除了具有网站的品牌元素（如页眉和页脚）外，与传统的Word文档没有太大区别。
网页很容易在WordPress中创建。但是在开始使用方法之前，让我们先讨论您应该创建哪些页面。
大多数网站会发现以下页面必不可少：
主页 -这是访问者访问您的网站时看到的第一页
关于 页面 -解释您的网站内容的页面
联络 页面 -让访客与您联络的页面
博客 页面 –最新的博客文章列表；如果您不打算撰写博客，则可以将博客页面用作发布公司新闻和公告的地方
服务 页面 –如果您要建立的网站是企业网站，请使用此页面展示您的服务
商店 页面 –适用于希望开设电子商务商店的公司
上面的许多页面在结构上都非常相似-唯一的区别是实际页面上的内容。基本上，一旦您学习了如何创建一个页面，便会知道如何创建所有页面。有了这个，这里有一些细微差别，所以现在让我们介绍如何创建几个基本类型的页面：
1）建立首页
如果您使用的是Neve，则您的首页如下所示：

您可以编辑此页面的结构及其上的元素（所有文本和图像）。
为此，只需单击顶部栏中的“使用Elementor编辑”按钮。

您将看到的是Elementor页面构建器的界面。

Elementor是我们所谓的可视页面生成器。这意味着您可以单击页面上看到的任何元素，然后直接对其进行编辑。例如，如果要更改主标题，只需单击它并开始输入即可。

如果您看一下左侧边栏，那里会有一个完整的自定义面板。您可以调整任何内容块的结构和样式。例如，以下是您在标题上看到的内容：

另一个很酷的事情是，您可以抓住页面上的任何元素，并将其拖放到其他位置。

要添加新元素，请单击左上角的方形小图标。
您将看到所有可用内容块的列表。
抓住任何块并将其拖动到页面的画布上。
在主页上工作的最佳方法是逐块浏览并编辑页面上的演示内容。
输入新的文本内容，重新对齐一些块，删除不需要的块，并相应地添加新的块。
整个界面使用起来非常直观，因此只需花费一个小时左右的时间来使用它并尝试不同的事情。
2）创建诸如“关于”，“服务”，“联系方式”之类的页面
在WordPress中创建经典网页比在主页上工作更容易。进入“页面→添加新内容”。您会看到以下界面：

每个页面都需要一个标题，因此请在标题为“添加标题”的位置添加一个页面。例如，“关于我们”或“联系方式”。
接下来，选择页面布局。如果要创建标准页面，则可以使用列表中的第一个页面-“单行”。但是为了加快速度，您可以从模板库中进行选择。为此，请单击蓝色按钮。
您会看到一个窗口，可让您从一系列预制的页面部分中进行选择。例如，如果您在“ 关于”页面上工作，则可以快速找到并使用以下块：

只需单击所需块旁边的“插入”按钮，它将被添加到页面中。从那里，您可以进一步对其进行自定义，更改文本或替换图像。

完成后，单击屏幕右上角的“发布”按钮。
当您在联系页面或服务页面上工作时，也可以遵循相同的过程。
只需从模板库中选择不同的页面块即可。例如，这些在服务页面上应该可以很好地工作：

如果要手动添加新页面元素（而不使用模板），请单击编辑器界面左上角的“ +”图标。

您在其中选择的任何块都会添加到页面底部。这是一个新的段落块的外观：

如您所见，您可以自由地对其进行编辑，更改文本的属性以及右侧栏中的颜色设置。
与往常一样，完成后请记住单击“发布”。
3）创建博客页面
在博客页面上可以找到您最近的博客文章列表。
好消息是，已经为您创建了博客页面。这是在您安装WordPress和Neve主题时发生的。您可以转到“页面”来查看该页面：

单击“查看”链接以查看您的博客页面。
添加新的博客文章：
要添加新的博客文章，只需转到“文章→添加新文章”。

这个介面会让您想起什么吗？是的，这与我们创建标准页面时使用的编辑环境相同。简单！

步骤6：设置导航菜单

创建了一系列漂亮的页面后，我们寻求创建网站的下一步就是设置导航（网站菜单）。菜单是访问者用来在您的网站上逐页浏览的菜单。
转到“外观→菜单”，然后从此处单击“创建新菜单”。

以下是逐步创建第一个菜单的方法：

首先添加标题。菜单标题并不重要，但是可以帮助您识别其他菜单中的菜单（是的，您可以有多个菜单）。
选择要添加到菜单中的页面。您还可以将其他项目添加到菜单中，例如帖子或自定义链接。
单击“添加到菜单”按钮，将所选页面添加到菜单中。
拖放菜单项以按重要性顺序排列链接。
选择菜单显示位置。这因主题而异，在这种情况下，将菜单设置为“主要”位置将在标题中显示菜单。
最后，保存您的菜单。
在此阶段，您会在主页上看到所有菜单的荣耀。

步骤7：添加在线商店/电子商务

我们在本指南中要做的最后一件事是建立自己的在线商店。
如果您希望在新创建的网站上添加在线商店，请浏览我的下一篇文章。
显然，这并不是所有网站都需要的东西，因此，如果您不想让电子商务成为自己的目标，请随时跳过此步骤。
WordPress电子商务如何运作
WordPress是一个如此多功能的网站平台，它可以让您建立功能全面的电子商务在线商店也就不足为奇了。通过功能全面，我们意味着您可以列出任何数量的产品，将其出售，然后还可以从客户那里收集订单，甚至处理整个过程中与税收和运输相关的所有元素。
这全部通过名为WooCommerce的插件完成。
WooCommerce是WordPress最受欢迎，功能最全，最好的最佳电子商务解决方案。
…好的，在站点上安装了WooCommerce并在目录中添加了产品之后，您会注意到，在此过程中，WooCommerce自动创建了新页面。这些页面是：
“购物车” –您商店的购物车
“结帐” –客户可以在其中完成购买的结帐页面
“我的帐户” –每个客户的个人资料；保存过去的订单，当前的详细信息和其他个人信息；客户可以随时编辑他们的信息
“商店” /“产品” –主要商店页面–列出您的产品的页面
这些页面中的每一个都为您的商店及其功能提供了特定的用途。好消息是，如今大多数主题都经过了优化，以使这些页面看起来正确。Neve主题没有什么不同。如果您访问这些新页面中的任何一个，您将看到演示文稿很清楚并且所有内容都易于掌握。这是购物车页面的示例：

除此之外，所有这些页面的工作方式都与WordPress网站上的任何其他页面一样。这意味着您可以编辑它们，添加自己的元素或更改颜色，布局等，但是在执行此操作时，请注意不要删除已经存在的WooCommerce短代码。
您还会在网站的主菜单上看到一个新的购物车图标。
在此阶段，您的电子商务商店已全面运营。这意味着您的顾客可以进来购物。您将在WordPress管理区域的“ WooCommerce→订单”下看到他们的订单。

恭喜，您已经大功告成了！

本文标签： 创建一个 初学者 指南 网站