重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

因为专注,所以专业

制作自己的网站的 3 个简单步骤

制作自己的网站的 3 个简单步骤

你将学习如何...
 
 
最后更新:2021 年 4 月 21 日。

第 1 步:选择您的网站平台


为了建立一个网站,你首先必须决定你将用什么平台来建立你的网站。

我所说的“平台”是什么意思?

好吧,早在 2005 年我开始进行 Web 开发时,大多数网站都是使用 HTML(代码)、CSS 和 PHP 创建的。其中每一个都需要花费大量时间来学习并且难以掌握。
这就是为什么大多数人仍然认为从头开始建立一个网站很困难,或者需要大量的编码和设计技能——但现在不再如此。
2021 年,WordPress 等内容管理系统 (CMS) 使每个人都可以创建网站。
简而言之,CMS(或网站建设平台)是一个用户友好的平台,用于构建网站和管理您自己的在线内容,而不是使用 HTML、PHP 和其他编码语言从头开始创建网站。

2021年流行的建站平台

为了更好地了解哪些是最受欢迎的内容管理系统,我从W3 Techs 和 BuiltWith 中挖掘了一些最近的统计数据。
看看下面这张图:
CMS 流行度 数据信用:BuiltWith
可以看到,互联网上近一半的网站都运行在WordPress网站平台上
但是是什么让他们成为比其他人更好的选择呢?

为什么使用 WordPress 而不是网站建设者?

  • 1. 它是免费的(无重复订阅,开源)
与网站建设者或网页设计软件不同,WordPress 无需花费一分钱即可下载、安装或使用。它由 Web 开发人员构建,并且有一个庞大的开发人员社区,他们设计了漂亮的免费主题和模板,可以轻松快速上手。
  • 2.高度可定制且用户友好
如果您知道如何使用 Google 文档,您就已经知道如何添加自己的内容。WordPress 可以通过免费附加组件轻松扩展,以处理您能想象到的几乎任何网站——从小型企业网站到电子商务网站。使用 WordPress“插件”,您将能够为您的网站添加联系表格、订阅表格、图片库、商店等。这一切都非常简单。
  • 3. 您的网站将具有“响应性”。这意味着它也适用于智能手机和平板电脑
您构建的网站将立即响应,在每个移动设备、智能手机和平板电脑上看起来都很棒。无需为此聘请 Web 开发人员。
  • 4. 来自社区的帮助
由于有如此多的人使用该平台(网站管理员、小企业主、博客作者),您可以轻松地在需要时快速找到帮助。你可以从这里获得免费的帮助,也可以从雇佣成千上万的WordPress开发这里
事实上,我也使用 WordPress构建了 WebsiteSetup.org。以下是我的主页和“博客”页面的示例:
网站设置主页网站设置主页
网站设置博客页面网站设置博客页面

WordPress 有什么好的替代品吗?

有一些。
但是,我仍然会使用 WordPress。
  • Wix是一个易于使用的网站构建器,具有简单的拖放界面,但成本较高,不适合较大的网站,并且在需要时不可能将您的网站迁移出去。
  • Squarespace 是一个非常美观的网站构建器,它使创建漂亮的网站变得容易,但它的月度成本更高,并且没有将您的网站迁移出去的功能。
  • Drupal是一个功能强大的平台,深受经验丰富的编码人员和 Web 开发人员的欢迎,但它具有很高的学习曲线,因此它不是初学者的最佳选择。
  • Joomla几乎就像 WordPress,是一个很好的网站建设工具,但它确实需要至少对如何编写代码一些基本的了解,以使事情按您想要的方式工作。
如果您想了解更多详细信息,我已经汇总了WordPress、Joomla 和 Drupal 之间综合比较
如果由于某种原因您不想使用 WordPress 构建您的网站,请查看我的DrupalJoomlaHTML5网站构建器指南。

接下来是什么?

在这一点上,您不需要去寻找 WordPress。现在,您无需安装或下载它。
为确保您的网站设置正确,请务必完成以下步骤:
复选标记在第 2 步中,我将引导您完成选择域名和寻找空间来托管您的网站的过程。
复选标记在第 3 步中,我将向您展示如何安装和自定义您的 WordPress 网站。别担心 - 我会引导您完成整个过程,并提供大量图像作为参考。

第 2 步:查找域名和主机


完全披露:本指南受读者支持。如果您点击我们的链接,我们可能会赚取佣金。感谢您对我们的支持。
为了使新网站上线,您需要做两件事:
  • 域名(类似 yoursitename.com 的网址)
  • 网站托管(将您的网站连接到互联网的服务)
WordPress 平台本身是免费的,但托管和域名不是。然而,综合成本仍然低于一杯咖啡,每月大约 3 至 5 美元。
为了看起来专业,您需要拥有自己的域名,而不是拥有属于其他人的免费域名(例如 yourbusiness.my-free-website.com。)
而且,拥有优质的托管服务还可以帮助您确保您的网站不会宕机并快速加载(对于访问您页面的每个人来说都非常重要。)

我从哪里获得域名和托管?

我主要使用 www.Bluehost.com 作为我自己和我的网络开发项目的网络托管和域名注册商。
Bluehost主页
他们的网站托管成本低于电影票(2.75 美元/月),而且他们还提供了一个免费域名(一个不错的福利)。
当然,您可以尝试其他网络托管服务提供商,甚至尝试自己托管您的网站,但这是一个非常复杂的过程,通常无法为您的网站访问者提供服务。因此,为自己节省一些钱并获得合适的网络主机。
使用您自己的域名,您还可以获得一个专业的电子邮件帐户,例如 yourname@YourWebsite.com – 这比常规的 Yahoo 或 Gmail 地址要专业得多,特别是如果您需要多个电子邮件帐户。
已经有域名和托管?继续并跳到第 3 步,在那里我将解释如何设置您的网站。

我应该选择什么样的域名?

当您选择域名时,您应该记住一些规则:
  • 如果您正在建立一个商业网站,您的域名应该与您的公司名称相匹配。例如:  YourCompanyName.com
  • 如果您打算 为自己制作个人网站,那么 YourName.com 可能是一个不错的选择。
对于这个站点 ( WebsiteSetup ),我选择了 WebsiteSetup.org
域名通常以 .com、.org 或 .net 结尾,但最近出现了大量域名后缀(网址的最后部分,如 .com 或 .org),范围从 .blog 到。派对。
我最好的建议?避免使用不寻常的扩展名并使用 .com、.net 或 .org,除非它们准确地描述了您的网站——即便如此,使用更常见的扩展名通常会更好。

关于选择我的域名的任何其他提示?

有几件事可以帮助您选择域名:
#1 有品牌价值吗? 例如,如果您制作一个关于诗歌的网站,那么 best-poetry-website.net 就不是一个好的选择:poeceacademy.com 或 potionefall.com 会好得多。
#2 是否令人难忘? 简短、有力和清晰的域名更容易记住。如果您的域名太模糊、太长或拼写奇怪,访问者可能会忘记它。
#3 好听吗?您想要一个口齿不清的域名,描述您(或您的企业)所做的事情并牢记在心。想出一个很酷的名字可能有点困难,因为目前世界上有超过2 亿个活跃域名 ——但不要放弃。
有一条规则始终适用于域名: 如果您喜欢,就去争取。

接下来是什么?

复选标记集思广益,想出一个独特的域名,以反映您未来的网站、业务或博客。
复选标记保护您的网络托管和域名。为此,我建议使用Bluehost.com,但您可以选择任何可靠且值得信赖的网络主机
更新:我做了一个关于如何开始使用 Bluehost 的简单指南(选择哪个托管包以及如何安装 WordPress)。

第 3 步:建立网站并开始设计


如果您对本指南有任何疑问/建议,请随时 与我联系。记住:我是来帮忙的!

1.安装WordPress站点

安装 WordPress 有两种可能的方法,一种比另一种容易得多。

1. 要使用 WORDPRESS 创建网站,请使用一键安装:

如今,几乎所有成熟且可靠的网络托管公司都集成了 WordPress 的一键安装。
如果您选择注册Bluehost或任何其他类似的托管公司,您应该在帐户创建过程或帐户控制面板中找到“一键安装”。
例如,这些是在 Bluehost 上安装 WordPress 需要遵循的步骤(所有最流行的网络托管公司的过程都非常相似甚至相同):
  1. 转到Bluehost.com
  2. 选择您的托管计划(最便宜的计划就可以)
  3. 如果您已经有一个域,请在那里输入
  4. 填写您的信息并选择您的主机长度(您可以删除“额外”)。
  5. 完成付款流程并创建您的帐户
  6. 登录 Bluehost 使用“一键安装 WordPress”来安装 WordPress
 
 
 

如果您找不到它,请查看此处: 如何在 Bluehost 上安装 WordPress

2. 手动安装(如果您的网络托管服务提供商没有简单的方法来安装)

如果出于某种奇怪的原因(一些托管公司不提供 WordPress 的一键安装),您没有自动安装 WordPress 的选项,请查看  下面的手册指南
手动安装 WordPress(点击展开)

2. 为您的网站选择一个主题(免费或高级)

下一步,我们将深入研究WordPress 主题以及如何使用和自定义它们。
WordPress 主题是设计模板,可让您更快、更轻松地更改网站的外观。
幸运的是,WordPress 有很多主题可供选择。在官方WordPress主题目录中单独包含超过8000,这是完全免费使用。
您可以直接从 WordPress 内部访问主题,而无需导航到外部站点。
为此,只需转到Appearance > Themes,然后单击显示Add New Theme的大 + 号。
添加新主题 WordPress
然后使用搜索栏找到适合您网站的主题。
寻找新主题
您可以单击列表中的任何主题来查看它的演示,并在其详细信息和预览屏幕上阅读有关其功能的更多信息
找到喜欢的主题后,单击“详细信息和预览”屏幕中的“安装”按钮进行安装
安装新主题
安装过程完成后,单击“安装”按钮所在位置出现的“激活”按钮。
如果官方主题目录中提供的内容不适合您的需求,请查看高级主题市场,例如:

3. 添加内容(页面和帖子)

在进行网站定制之前,您需要在您的网站上有一些内容。
毕竟,当网站上没有任何内容显示更改时,很难自定义您的网站。您对内容的需求会因您网站的主题和目标而异。
但是,几乎每个站点都有几个关键页面:
  • 主页
  • 关于页面
  • 联系页面
在决定添加哪些页面时,请考虑哪些信息对访问者最有帮助。您还需要考虑视觉内容,例如照片。
为了让事情变得更简单,一些 WordPress 主题带有特定页面类型的页面模板。其他人还为每个页面提供多个布局选项。
要利用这些,请转到外观 > 自定义
在此示例中,我们使用最新的 WordPress 默认主题 21 来创建站点。默认情况下,它使用静态页面作为主页,您可以在主页设置下配置。使用下拉菜单选择要作为网站主页的页面。
首页显示最新帖子
或者,如果您希望您的主页展示您的最新博客文章,请选中您的最新文章选项。
单击左上角的“发布”确认您的选择。
之后,您可以继续为您的网站创建新页面。为此,在主仪表板中,转到Pages > Add New
添加新页面 WordPress
二十二十一个主题依赖于古腾堡编辑器,所以在这里我可以添加页面标题和内容。
2021主题古腾堡编辑
在此页面中,您可以添加图像和格式等功能。
重复此过程以向您的站点添加其他页面。

4. 确保您的网站组织良好

把你的网站想象成一个图书馆。
您添加到网站的内容越多,您的网站结构将变得越来越重要。
在学习如何创建网站时,您需要成为以对访问者有意义且易于访问的方式组织网站的专家
这里的一个关键部分是导航菜单。一旦您创建了一些页面,就可以将它们提供给网站上的访问者。您可以在Appearance > Menus下执行此操作。
WordPress 设置菜单
这里的第一步是为您的新菜单命名,然后单击Create Menu
之后,您可以在左侧选择要添加的内容。例如,勾选要出现在菜单中的页面旁边的框,然后单击添加到菜单
您可以将菜单项拖放到您想要的顺序,甚至可以通过将它们移动到其他项下方来将它们变成子项,如下所示。满意后,选择您希望此菜单出现的菜单位置(在本例中为Primary menu)。
再次单击“保存菜单”并转到您站点的前端以查看正在运行的新菜单。
新的 wordpress 网站预览
最终,您希望反映对您的网站有意义并帮助访问者到达他们需要去的地方的结构。

5. 额外的自定义选项

如需其他自定义选项,请返回外观 > 自定义。当您环顾四周时,您会发现它提供了更多选项来更改您的站点。您可以修改网站的其他部分,例如:
  • 标题和标语
  • 颜色
  • 排版
  • 背景图片
  • 菜单
  • 小工具
您还可以对主页、博客页面进行调整,并添加自定义代码。出现的选项会因您安装的主题而异。
自定义 WordPress 主题
除了主题定制之外,还有许多免费和付费插件可用于 WordPress。仅在官方WordPress 插件目录中,您就可以找到近 60,000 个插件,它们可以为您的站点添加各种新特性和功能。此外,还有更多来自第三方市场的产品。
要安装新插件,请导航到Plugins > Add New
添加插件 WordPress
您将看到一些当前可用的最流行插件列表。使用搜索字段查找您要查找的任何其他内容。
要将插件安装到您的站点,请点击“立即安装”按钮。等待下载完成,然后单击Activate。您可以在 WordPress 主菜单的插件下找到您网站上的所有插件以及激活、停用和删除它们的可能性。
至于您应该安装哪些插件,一些值得考虑的选择包括:
  • Yoast SEO – 顶级搜索引擎优化插件,可为每个页面和帖子添加页面优化提示以及自定义 Open Graph 社交媒体标签的选项。
  • Jetpack – 包括广泛的功能,可提高网站速度、优化、社交媒体集成、数字营销、联系表格和网站搜索。
  • Smush – 此插件压缩上传到 WordPress 的图像,从而节省存储空间并加快页面加载时间。
  • WooCommerce – 这是 WordPress 最受欢迎的电子商务商店插件,可以轻松设置在线商店。更多关于它下面。
  • MonsterInsights – 此插件将 Google Analytics 添加到您的 WordPress 仪表板。
如果您想更好地控制网站的外观,可以安装页面构建器插件。这些插件为您的网站添加了拖放功能,这意味着您可以直观地构建整个网页设计——而不仅仅是单个页面和帖子。一些流行的选择包括:
  • Elementor – 这个多合一的网站构建器提供可视化网站编辑、快速加载时间和大量可供选择的模板。
  • Divi – 由 Elegant Themes 开发,Divi 提供了另一种直接的网站定制方式。
  • Beaver Builder – 一个易于使用的页面构建器插件,可显着加快网站设计速度。

6. 添加博客(可选)

并非每个网站都需要博客。但是,创建一个可以定期发布新内容、展示您的专业知识并为访问者提供额外价值的好主意。
要在 WordPress 中添加博客,您首先必须选择一个博客页面。上面,我已经介绍了您可以配置主页以自动显示您的最新帖子。但是,如果您想要一个专用的博客页面并保持主页静态,则首先需要创建它。
这就像设置一个空页面(Pages > Add New)一样简单,将其命名为Blog(或任何您想要的,但Blog是有意义的,因为它会自动为您的博客页面创建地址yoursite.com/blog),然后发布它. 然后,在“外观”>“自定义”>“主页设置”或“设置”>“阅读下将其选为您的帖子页面
wordpress 主页设置
保存后,所有博客文章都会自动出现在您选择的页面上。不要忘记将其添加到您的导航菜单中!
要将博客文章添加到您的网站,请转到文章 > 添加新内容
WordPress 添加新的博客文章
这将使您使用之前用于页面的相同内容编辑器。为您的博客文章添加标题和内容。包括图像和格式、标题、列表以及它需要的任何其他内容。在右侧的边栏中,您还可以找到应用类别和标签、定义摘录和设置特色图像的选项。
WordPress 向您的博客添加内容
完成更改后,单击发布。你的第一篇文章完成了,干得好!

7. 添加在线商店(可选)

并非每个网站都需要电子商务商店。但是,如果您想知道如何制作网站并包括在线商店,请继续阅读。
最流行的插件是WooCommerce
您可以快速设置它,它提供了许多付款选项和广泛的优化主题来创建在线商店。此外,它还有多种扩展可供购买,以定制您的电子商务网站并使其适应多种用途。
网商
要了解如何将在线商店添加到您的网站,请按照本指南进行操作

8. 配置 SSL

您网站上的安全套接字层 (SSL) 意味着发送给您网站访问者的数据是安全的。SSL 是一个重要的搜索排名因素,通过优先考虑用户隐私和安全来确保积极的用户体验至关重要。
要使用 Bluehost 检查您的新网站上的 SSL 是否处于活动状态,请执行以下操作:
  1. 登录 Bluehost。
  2. 转到我的网站
  3. 单击管理站点
  4. 在下一个屏幕上找到安全选项卡。
  5. 在“安全证书”部分下,验证您的免费 SSL 证书SSL 证书:让我们加密状态。开关应该切换到开。
  6. 通过再次访问您的站点来验证 SSL 是否已设置。Web 浏览器地址栏中的域名旁边应该会出现一个锁定图标。配置 SSL

9. 启动您的 WordPress 网站

一旦您的网站准备就绪,就可以正式启动它了。请务必再次检查您的设置并再次校对您的帖子和页面。如果一切正常,请单击仪表板顶部显示Coming Soon Active 的链接
推出 wordpress 网站即将上线
之后,向下滚动并点击Launch your site按钮。
网站预发布
现在您可以查看您的实时网站。
活的 wordpress 网站
单击每个页面以确保所有链接都有效,您的文本看起来不错,并且您的图像格式正确(您可以使用此清单作为参考)。

恭喜!您现在是新网站的自豪拥有者。

学习如何制作网站是一项不小的壮举,即使有详细的指南可以帮助您。
同时,当您获得一项新技能并开始看到您的辛勤工作得到回报时,它会非常令人满意
但不要停在这里。使用您的新知识了解更多信息并实现更复杂的功能和特性。通过这种方式,您不仅可以学习如何制作网站,还可以学习制作您想要的网站。