新手如何创建一个属于自己的网站

在2020年,任何人都可以在不了解Web开发,设计或编码的情况下建立和设计网站。

无论您是想为自己还是为企业创建网站,都可以使用正确的工具和资源轻松地做到这一点。

本循序渐进指南将帮助您从头开始创建网站,而不必花钱给自由职业者,代理商或网站建设者。

您只需要1-2小时的空闲时间即可完成指南并建立网站。

建立网站需要的东西

  • 域名(您的自定义网址,www.YourSite.com)
  • 网站托管(托管您的网站的服务)
  • WordPress(免费的常用网站平台)

要构建功能完善的网站,您需要保护域名(网址)和虚拟主机帐户。这两个确保您的网站可供其他人完全访问。没有一个或另一个,您将无法建立网站。

一旦拥有域并托管,就可以创建WordPress网站。WordPress是最受欢迎的网站构建平台,Internet上所有网站的35%都在使用WordPress 。

设置WordPress网站通常是通过您的网络托管服务进行的简单一键式过程。

完成指南后,您将拥有一个在线运行的网站(使用自定义域名),并且可以被其他人完全访问。

准备?让我们开始吧…


目录(启动网站的步骤):

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

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

如果您因使用本指南而无法建立网站,我们将通过此联系页面提供免费帮助。

步骤1:选择域名


为了建立一个网站,您首先需要的是域名。

域名是您的网站名称和地址。访问者尝试通过网络浏览器查找您的网站时使用该地址。

该网站的域名是websitesetup.org。你可以是任何东西。

域名每年的费用从10美元到50美元不等。通常的价格在15美元左右。

如果您尚未为网站注册或选择域名,请参考以下提示以帮助您:

  • 如果您要建立企业网站,则域名应与公司名称匹配。例如:YourCompanyName.com
  • 如果您打算自己建立一个个人网站,那YourName.com 将是一个不错的选择。
  • 使用“通用”域名的扩展名,例如.com.net或者.org如果你的目标是国际游客。如果您的目标是针对国家/地区的访问者,请使用“本地”域名扩展名,例如.de,。.fr.ru

如果您的首选域名已被占用,请不要担心。已经注册了超过3亿个不同的域名,但是还有十亿种其他可能性可用。

如果您还没有域名,则无需注册。

我们将向您展示第一年如何免费获取域名(第2步):

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


除了拥有域名外,您还需要网站托管(网络托管)。

Web托管是一项将您的网站文件(内容)托管和存储在始终运行的安全服务器上的服务。没有网络主机,其他人将无法访问您的网站。

新网站的价格合理和可靠的虚拟主机托管费用通常在每月3到10美元之间。少于一杯咖啡,但却是网站成功的重要投资。

与您注册的任何一家网络托管公司,请确保其具有以下功能:

  • 带SSL的免费域名(出于安全性考虑)
  • 一键安装WordPress(免费)
  • 自定义电子邮件帐户
  • 无限或不限带宽(无流量限制)
  • 客户支持,最好是24/7实时聊天

如果您找到一个提供上述所有内容的网站托管服务,则您可能已经找到了一个好的提供商。

我们建议将 Bluehost.com用于虚拟主机和域。他们提供第一年的免费域名注册,并从同一家公司获得域名和托管服务可为您节省一些时间和金钱。

Bluehost托管计划的价格从$ 2.75 / mo起,带有我们的折扣链接,并提供建立网站的所有基本功能。

1)要获得一个虚拟主机帐户,只需访问Bluehost并单击“立即开始”。

蓝主机

2)接下来,选择您的虚拟主机计划(选择plus完全不受限制,而basic最适合新站点):

选择虚拟主机计划

3)接下来,选择并注册一个域名(第一年免费):

注册域名

请记住,BlueHost的不提供针对具体国家的域名结尾,例如.de.fr.ru。如果需要它们,可以分别从Domain.com或GoDaddy.com购买。

如果您已经拥有在其他地方购买的域名,则Bluehost允许您将其连接到新的托管计划。这里将需要一些其他步骤,例如更新名称服务器。这是 Bluehost提供的有关如何执行此操作的指南。

4)完成注册过程后,几分钟后即可立即访问,因此您可以立即开始构建网站。

Bluehost欢迎屏幕

步骤#3:设置WordPress网站(通过Web主机)


准备好域名和虚拟主机后,就需要选择并安装网站构建平台(也称为CMS)。

我们建议选择WordPress,因为它易于使用,并附带成千上万的免费设计和附加组件,可让您的网站看起来专业而独特。

设置WordPress网站非常容易,您的网络托管商通常会为您完成此工作,因此您不必太费力。

如果您不将Bluehost用作网络托管,请不用担心。许多网络托管服务提供商都在托管cPanel中的某个位置安装了“ WordPress安装”。如果您要处理的网络主机不提供“一键安装”功能,请尝试手动设置WordPress 。

1)在Bluehost上安装WordPress网站

  1. 登录到您的Bluehost帐户
  2. 点击“我的网站”,然后点击“创建网站”学习如何创建网站时,Bluehost我的网站屏幕
  3. 提供有关您网站的一些基本信息,然后将开始WordPress安装。这一切都将在自动驾驶仪上发生。
  4. 设置完成后,Bluehost将显示安装和登录详细信息。确保将此信息保存在安全的地方。

Bluehost安装详细信息

2)通过输入您的域名地址来测试您的网站

安装了WordPress之后,下一步应该测试一切是否正常。

最简单的方法是在网络浏览器中输入您的域名。

正确安装WordPress后,您将看到的是一个非常基本的网站,如下所示:

如何创建网站:全新的WordPress安装

如果看起来不太吸引人,请放心,您将很快学习如何将设计更改为更具吸引力的产品。

3)验证SSL / HTTPS设置

简而言之,SSL证书可确保您的网站安全地交付给访问者。

创建新网站或安装WordPress时,Bluehost会自动添加SSL。要检查您网站的SSL状态,请执行以下步骤:

  1. 登录到您的Bluehost门户
  2. 点击“我的网站”
  3. 找到您的站点,然后单击“管理站点”
  4. 转到“安全性”标签
  5. 在“安全证书”下,您将找到“免费SSL证书”状态

如果一切顺利,您将在网络浏览器中的域名旁边看到一个锁定图标。

完全建立SSL可能需要几个小时,但这并不能阻止您继续构建网站。

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


随着您光秃秃的网站的活跃运转,现在是时候通过选择一个不错的设计,对其进行自定义并添加品牌元素,使其看起来更像您自己的网站了。

从…开始:

1)为您的网站选择一个主题

WordPress主题是开箱即用的设计软件包,可更改整个网站的外观。WordPress主题可以互换–您可以轻松地从一个主题切换到另一个主题。

最重要的是,网络上有成千上万的免费和付费WordPress主题。

流行的WordPress主题

如果您想获得一个免费的主题-这是大多数人喜欢的起点-最好的去处是WordPress.org上的官方主题目录。特别是最流行的主题部分。

您在那看到的所有主题都被证明是高质量的,并且拥有庞大的用户基础。

您可以自由浏览该列表并选择任何您喜欢的主题,但在本指南中为您加快速度,我们建议使用Neve。这是一个通用主题,带有一些入门网站(针对不同细分市场和网站类型的设计包)。

我们将在本指南中继续使用该主题。

2)安装您喜欢的主题

转到您的WordPress管理界面。您可以在找到它YOURSITE.com/wp-admin。使用您在WordPress安装过程中获得的用户名和密码。

  1. 在边栏中,转到“主题→添加新内容”。如何创建网站:添加主题
  2. 在搜索框中,键入“ Neve”,然后单击主题名称旁边的“安装”按钮:如何创建网站:安装主题
  3. 安装完成后,单击“激活”按钮,该按钮将代替“安装”按钮出现。
  4. 您会看到一条成功消息,它告诉您安装已按预期进行。

3)导入设计(仅适用于Neve主题用户)

尽管此时该主题处于活动状态,但您还需要执行其他几项操作以使其看起来正确。

您会看到以下欢迎消息:

内夫欢迎

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

七个地点

有20多种免费设计可供选择,它们涵盖了大多数流行的网站壁like,例如商务,餐厅,健身,音乐,美食,婚礼,摄影,电子商务,投资组合等。基本上,无论您的网站主题是什么,您都将找到合适的设计包。

出于本指南的目的,我们将在列表中选择第一个-称为“原始”。

您会注意到,此安装过程将处理您站点上所需的所有元素-获得设计本身,使其正常工作所需的所有插件,以及演示内容,供以后修改。

点击“导入”按钮,一切正常。大约一分钟后,您将看到成功消息。

十足的成功

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

我们将在下面探讨其中一些选项:

4)添加徽标

大多数用户想要做的第一件事是上传徽标,并将其显示在网站的左上角。现在开始吧。

Ÿ欧可以DIY一个标志。以下是一些您可以用来自己创建徽标的工具

准备好徽标后,可以将其添加到您的站点。转到“外观→Neve选项”,然后单击标有“上传徽标”的链接。

如何创建网站:上传徽标

这是您将看到的内容:

定制器徽标

此界面称为WordPress Customizer,它允许您编辑网站外观的各个方面。对于初学者,您可以上传徽标。为此,请单击左上角附近的“选择徽标”按钮。

WordPress将为您提供裁剪徽标的选项,但是您可以跳过该徽标。

徽标已添加

您应该很快会在页面的一角看到徽标。

此外,您可以选择是否要在徽标旁边显示站点名称和标语,并设置徽标的最大宽度。试用这些设置,然后选择最适合您的设置。

完成后单击“发布”按钮(左上角),然后单击“ X”按钮退出定制程序。

5)更改网站配色方案和字体

您可以尝试的另一件事是更改网站上使用的配色方案和字体。当您学习如何创建网站时,这是一个简单的解决方法,可以使您的网站更加独特,并与您的品牌形象更加协调。

  1. 首先,再次转到“外观→Neve选项”。我们将重点关注以下两个选项:如何创建网站:更改颜色和字体
  2. 首先,点击“设置颜色”。
  3. 大多数WordPress主题由它们用于设计的各种元素的配色方案定义。
  4. 最常见的是链接的颜色,网站上的文本和背景。
  5. 您可以通过定制程序更改Neve主题的颜色分配。
  6. 要切换任何一种颜色,只需单击它并选择一种新颜色。改变颜色
  7. 完成后,单击“发布”和“ X”。

更改字体的工作原理类似:

  1. 单击“外观→Neve选项”面板中的“自定义字体”链接。
  2. Neve可让您从系统字体和Google字体的整个目录中进行选择。
  3. 只需单击“字体家族”框,然后选择所需的字体。更改字体
  4. 之后,您可以微调用于标题的各个字体。

尝试这些设置,以查看它们对您的网站的影响。

  1. 要自定义用于网站正文的字体,请单击左上方附近的箭头按钮。返回定制器
  2. 点击“常规”。这将带您到类似的选项面板,但是这次您要调整主体字体。
  3. 完成后,单击“发布”和“ X”。

6)添加侧边栏

您可以在“外观→Neve选项”面板中做的另一件事是设置边栏的外观。单击“内容/边栏”开始。

您在此处有三个主要选项:无侧栏左侧的侧栏右侧的侧栏。右侧的侧边栏是大多数网站的经典布局。您还可以设置内容宽度。进行更改后,单击“发布”和“ X”。

7)添加小部件(免费的WordPress附加组件)

窗口小部件是通常显示在网站侧栏中的那些小内容块。由于我们只是在上一步中设置了侧边栏,因此现在让我们使用小部件对其进行自定义。

要配置小部件,请转到“外观→小部件”。您会看到以下内容:

如何创建网站:定制器

在左侧,您可以看到所有可用的小部件。在右侧,当前主题支持所有小部件区域。要将小部件添加到侧栏,您需要做的就是从左侧抓住小部件并将其拖放到侧栏区域。

例如,如果要在侧栏中列出所有页面,请抓住“页面”小部件并将其拖到侧栏部分。您还可以配置窗口小部件的一些基本设置。

8)尝试构建的主题

我们上面介绍的内容足以让您了解如何创建一个醒目的原创网站,但还有许多可用的选项。

要查看所有内容,请转到“外观→自定义”。这将启动定制器的主界面及其所有设置和预设。

如何创建网站:定制器

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

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


页面是您网站的精华。很难想象一个网站上没有任何页面,对吗?

从技术角度来看,网页只是网络上的文档。它除了具有网站的品牌元素(如页眉和页脚)外,与传统的Word文档没有太大区别。

网页很容易在WordPress中创建。但是在开始使用方法之前,让我们先讨论您应该创建哪些页面。

大多数网站会发现以下页面必不可少:

  • 主页-这是访问者访问您的网站时看到的第一页
  • 关于 页面-解释您的网站内容的页面
  • 联络 页面-让访客与您联络的页面
  • 博客 页面-最新的博客文章列表;如果您不打算撰写博客,则可以将博客页面用作发布公司新闻和公告的地方
  • 服务 页面–如果您要建立的网站是企业网站,请使用此页面展示您的服务
  • 商店 页面–适用于希望开设电子商务商店的公司

上面的许多页面在结构上都非常相似-唯一的区别是实际页面上的内容。基本上,一旦您学习了如何创建一个页面,便会知道如何创建所有页面。有了这个,这里有一些细微差别,所以现在让我们介绍如何创建几个基本类型的页面:

1)建立首页

如果您使用的是Neve,则您的首页如下所示:

主页

您可以编辑此页面的结构及其上的元素(所有文本和图像)。

为此,只需单击顶部栏中的“使用Elementor编辑”按钮。

用Elementor编辑

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

如何创建网站:Elementor

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

标题类型

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

标题样式

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

元素块

要添加新元素,请单击左上角的方形小图标。

您将看到所有可用内容块的列表。

抓住任何块并将其拖动到页面的画布上。

在主页上工作的最佳方法是逐块浏览并编辑页面上的演示内容。

输入新的文本内容,重新对齐一些块,删除不需要的块,并相应地添加新的块。

整个界面使用起来非常直观,因此只需花费一个小时左右的时间来使用它并尝试不同的事情。

2)创建诸如“关于”,“服务”,“联系”之类的页面

在WordPress中创建经典网页甚至比在主页上工作更容易。进入“页面→添加新内容”。您会看到以下界面:

如何创建网站:添加页面

每个页面都需要一个标题,因此请在标题为“添加标题”的位置添加一个页面。例如,“关于我们”或“联系方式”。

接下来,选择页面布局。如果要创建标准页面,则可以使用列表中的第一个页面-“单行”。但是为了加快速度,您可以从模板库中进行选择。为此,请单击蓝色按钮。

您会看到一个窗口,可以从一系列预制页面部分中进行选择。例如,如果您在“关于”页面上工作,则可以快速找到并使用以下块:

关于页面块

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

关于页面编辑

完成后,单击屏幕右上角的“发布”按钮。

当您在联系页面或服务页面上工作时,也可以遵循相同的过程。

只需从模板库中选择不同的页面块即可。例如,这些在服务页面上应该可以很好地工作:

服务块

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

添加块

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

订单

如您所见,您可以自由地对其进行编辑,更改文本的属性以及右侧栏中的颜色设置。

与往常一样,完成后请记住单击“发布”。

3)创建博客页面

在博客页面上可以找到您最新的博客文章列表。

好消息是,已经为您创建了博客页面。这是在您安装WordPress和Neve主题时发生的。您可以转到“页面”来查看该页面:

博客页面列表

单击“查看”链接以查看您的博客页面。

添加新的博客文章:

要添加新的博客文章,只需转到“文章→添加新文章”。

添加帖子

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


创建了一系列漂亮的页面后,我们寻求创建网站的下一步就是设置导航(网站菜单)。菜单是访问者用来在您的网站上逐页浏览的菜单。

转到“外观→菜单”,然后从此处单击“创建新菜单”。

如何创建网站:创建菜单

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

WordPress菜单创建过程

  1. 首先添加标题。菜单标题并不重要,但可以帮助您识别其他菜单中的菜单(是的,您可以有多个菜单)。
  2. 选择要添加到菜单中的页面。您还可以将其他项目添加到菜单中,例如帖子或自定义链接。
  3. 单击“添加到菜单”按钮,将所选页面添加到菜单中。
  4. 拖放菜单项以按重要性顺序排列链接。
  5. 选择菜单显示位置。这因主题而异,在这种情况下,将菜单设置为“主要”位置将在标题中显示菜单。
  6. 最后,保存您的菜单。

在此阶段,您会在主页上看到所有菜单的荣耀。

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


我们在本指南中要做的最后一件事是建立自己的在线商店。

如果您希望将在线商店添加到新创建的网站,请按照此处的分步教程进行操作

显然,这并不是所有网站都需要的东西,因此,如果您不想让电子商务成为自己的目标,请随时跳过此步骤。

WordPress电子商务如何运作

由于WordPress是一个如此通用的网站平台,因此它可以让您建立功能全面的电子商务在线商店也就不足为奇了。通过功能全面,我们意味着您可以列出任何数量的产品,将其出售,然后还可以从客户那里收取订单,甚至可以处理整个过程中与税收和运输相关的所有元素。

这全部通过名为WooCommerce的插件完成。

WooCommerce是WordPress最受欢迎,功能最全,最坦率的最佳电子商务解决方案。

关于如何使WooCommerce在您的WordPress网站上运行,我们有单独的完整指南。我们邀请您跳过那里,阅读详细的安装方法请执行步骤3和4,然后返回此处。

…好的,在站点上安装了WooCommerce并在目录中添加了产品之后,您会注意到,在此过程中,WooCommerce自动创建了新页面。这些页面是:

  • “购物车” –您商店的购物车
  • “结帐” -结帐页面,客户可以在此完成购买
  • “我的帐户” –每个客户的个人资料;保存过去的订单,当前的详细信息和其他个人信息;客户可以随时编辑他们的信息
  • “商店” /“产品” –主要商店页面–列出您的产品的页面

这些页面中的每个页面都为您的商店及其功能提供了特定的用途。好消息是,如今大多数主题都经过了优化,以使这些页面看起来正确。Neve主题没有什么不同。如果您访问这些新页面中的任何一个,您将看到演示文稿很清晰并且所有内容都易于掌握。这是购物车页面的示例:

大车

除此之外,所有这些页面的工作方式都与WordPress网站上的任何其他页面一样。这意味着您可以编辑它们,添加自己的元素或更改颜色,布局等,但是在执行此操作时,请注意不要擦除已经存在的WooCommerce短代码。

您还会在网站的主菜单上看到一个新的购物车图标。

在此阶段,您的电子商务商店已全面运营。这意味着您的顾客可以进来购物。您将在WordPress管理区域的“ WooCommerce→订单”下看到他们的订单。

订单

恭喜,您已经准备开始建立属于自己的网站了!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

主菜单