SEO文章

自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

西木建站 · 10月24日 · 2021年

建立网站的完整步骤包含域名购置,网站主机空间,网站设计方案等构成,域名和室内空间费是按年付款的。不必烦闷自身弄欠好,我这里为每个人梳理了基本真是立网站的步骤,一共就7步,实际操作起來困难并不大:

  1. 为网站选个好域名
  2. 购置域名
  3. 购置网络服务器
  4. 安裝Wordpress网站
  5. 网站构造和设计方案
  6. 加上网站內容
  7. 加上铺面

流程1:挑选域名

网站域名:也就是一个网站的详细地址,绝大部分人要挑选自主申请注册一个顶尖域名,域名能够和机构或自我个人的名称,知名品牌,商标logo密切相关,有利于影像,也是机构品牌形象的一单位。如同美国苹果公司的网站便是apple.com。

在购置域名前,您能够在一些域名与生俱来专用工具上边选择您的域名。如同:https://instantdomainsearch.com/

流程2:购置域名

域名,便是网站地址,在给予域名申请注册的网站上购置一个就可以。推存在Namesilo申请注册域名。Namesilo是一家工作经历对比老的域名申请注册商,自己的大部分域名都是在这个申请注册,价格有效,还赠送完全免费的域名爱惜(Whois个人隐私爱惜)。

流程3:购置虚拟主机

网站网络服务器,又叫网站室内空间,对比普遍的分成虚拟主机和VPS。若就是你怕贫苦,挑选虚拟主机,但是应用VPS有技艺难度系数,以就是我强烈推荐应用虚拟主机。网站室内空间一年的费用在人民币100上下不一。

您要购置的网站服务器请保证有那些作用:

  • 自界说邮箱帐号
  • 完全免费SSL安全资格证书
  • 不限定网络带宽
  • 自动安装Wordpress
  • 网站数据信息逐日备份数据
  • 顾客适用,最好24/7线上闲谈

若就是你能凭据上边的标准去找虚拟主机,那麼会寻找对比好的服务提供商。

大家强烈推荐应用 BlueHost。

美国主机商BlueHost建立于2003年,是一家著名的虚拟主机,VPS主机和网络服务器服务提供商。BlueHost服务器以高牢固特性遭受客户的迎来。朝向国内客户,BlueHost发布了中文官网和汉语在线客服,并发布根据国内用户需求的多种服务器计划方案。

在购置 BlueHost 过程中,会给予申请注册域名的实际操作,申请注册乐成后,你将应用该域名,首年免费试用

1.申请注册BlueHost帐户,点一下立刻购置

1608711470 bluehost - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

2.挑选您所需的设计方案(提议选用中国香港Plan A)

1608711661 bluehost2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

3.挑选并申请注册一个域名,挑选了设计方案后会弹出来域名申请注册框

1608712129 域名 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

若是域名是可申请注册得话,那麼便会表明“可申请注册”三个字。随后点一下选定按键,再点一下结帐按键就可以购置这一域名了。

1608712361 域名2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

你能先去Namesilo去查看下你要申请注册的域名是不是可以用,随后填好到下边。从 Bluehost 申请注册域名得话第一年是完全免费的,并且申请注册后不用你自己举办域名分析,我建议在Bluehost买就可以了。

1608712744 虚拟主机购置 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

支付页面还记得挑选一年期限,默认设置是十年的。随后点一下“再次支付”按键,然后会见到登陆界面,倘若您都还没账户请点一下右边的“10秒申请注册帐户”按键。

1608713367 虚拟主机购置2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

凭据规定先后填写名字(不能用汉语,要英文或拼音),邮箱地址登陆密码等信息内容,随后点一下“建立一个帐户”按键。

1608713482 确立账户 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

建立乐成后,返回支付方式页面,强烈推荐应用支付宝付款。进行购置后,您将接到Bluehost发给您的虚拟主机启用电子邮件。里面有服务器的详细资料,包含服务器IP地址,FTP帐户等信息内容。下面就可以最开始自身的建网站之行啦!

流程4:安裝Wordpress

1.支付结束后,登陆Bluehost后台管理,电脑鼠标挪动到“整治订单信息 -> 点一下枚举类型/检索订单信息”。

1608714060 治理bluehost - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

2.选定您购置的Linux虚拟主机域名,点击查看后寻找“cPanel Details”并点击查看cPanel控制面板整治页面。

1608714542 治理bluehost2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

 

3.往下拉网页页面寻找底边的“Scripts”下的WordPress程序流程,点击查看。

1608715165 安装WordPress - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

4.进到WordPress的安裝页面,点一下“Install”,安裝前必须填好安装信息,选定要安裝的域名。还必须挑选http://http://www.做为协议书。倘若您安裝了SSL证书并启动了HTTPS,则能够挑选https://https://www.做为协议书。

以后填好网站名字和网站后台登录帐户和登陆密码,其他维持默认设置就可以。

1608715545 wordpress安装 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

等候数分钟,您可能会看见一个焕然一新的WordPress网站!安裝结束后,会表明您的网站后台登录详细地址:“https://yourdomain.com/wp-admin”。

1608716055 wordpress安装2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

改动NameServer和A记录

WordPress网站建立好后,若是采用的是第三方域名,则还必须将目前域名的NS记录偏向Bluehost。与此同时把A记录的IP改动为Bluehost给予的IP。若是域名是连着服务器一起在Bluehost购置,此流程能够省去,立即会见该域名就可以会见到新确定的网站。

下列流程仅适用外界申请注册域名,登陆原域名申请注册商网站,进到域名改动菜单栏中,改动NS记录,将已经有域名的全部分析责任全部交给Bluehost举办分析。

这里以Namesilo 域名改动NS记录和A记录为例子:

进到Namesilo 整治后台管理的”Manage My Domains”,点一下相匹配域名的”Manage DNS”,  将A记录IP改动为Bluehost的IP(把早已出现的全部记录全部删掉)。

最先是改动A记录的IP,凭据截屏中的箭头符号部位点一下Manage DNS:

1608716448 A纪录修改 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

下面,大家加入到Manage DNS页面,改动IP地址。”HOSTNAME”这儿填好的是二级域名。您还可以不填好而立即加上IP就可以。

填好@指的是没有www的顶尖域名,www.abc.com是一个二级域名,abc.com才算是顶尖域名。

随后,在”IPV4 ADDRESS”这儿便是填好您的虚拟主机给予的IP地址。”TTL”这一项填好为3600。

1608716528 A纪录修改2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

进行,点一下递交吧!

改动NameServer记录:

先点一下选择要改动NameServer的域名,随后点一下图上白框部位进到NameServer整治。

1608716612 NameServer - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

你是否还记得您的 Bluehost 的NameServer记录吗?去 Bluehost 发给你的启用电子邮件里寻找他们(ns1.md-hk-12.bluehostwebservers.com,ns2.md-hk-12.bluehostwebservers.com),随后加上到“NameServer Entry”中并递交就完成了。

1608726907 NameServers - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

电脑浏览器键入网站域名认证分析

一般状况下,等候1小時上下分析就完成了,这时时刻刻就可以会见网址了。若是仍然不可以会见,请细心等候,分析時间最多不超越72钟头。

等候网站域名分析起效后,立即键入网站域名查询网址是不是还可以一切正常表明。如下所示就提示乐成安裝了WordPress,但它太基本上了。

1608524522 WordPress installed - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

安裝SSL证书并开启HTTPS

Https早已变成网址的限度,不论是从网址安全,用户体验和整体形象展现,仍然SEO提升,给网址加上HTTPS全是必不可以少的责任。

要完成HTTPS方法会见,就务必要购买和安裝SSL安全资格证书,SSL证书的设定并不易,牵涉到公钥和私钥及云虚拟主机设定改动等重特大流程,外行人员,非常容易搞错。但在Bluehost中,给网址安裝SSL证书和开启HTTPS却出现异常非常容易。

默认设置情况下,Bluehost早已出示了完全免费版本号的SSL证书服务项目,只需一键开启申请办理就可以得到。

请在cPanel操作面板中寻找“SSL/TSL Status”选择项,点一下“Run AutoSSL”,进到“AutoSSL is in progress”安裝情况就可以。

1608727547 SSL证书 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

1608727724 https - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

这时,应用https会见网址 https://yourdomain.com,能够一切正常会见,网页页面url前边会表明一把锁的标示。

流程5:网址构造和设计方案

您在安裝Wordpress时就早已组装了一个默认设置的题材了,”Twenty Twenty-One”这也是WP官方网制作的blog主题风格。

但是,这一主题风格仍然太基本上了,大家必须越来越多的作用来发展自身的网址。因此我们要安裝一个新主题。

1.WordPress主题风格安裝

WordPress主题风格的更换是出现异常方便的,你只须要在”Appearance->Add Themes”更换你的主题风格。您还可以在WordPress主题风格杜兰特免费下载并在Add Themes上传下载的主题风格zip文件。

开启你的Wordpress整治页面,详细地址是:https://yourdomain.com/wp-admin,填好账户和登陆密码并登陆。

1).安裝在外面手免费下载的主题风格

点一下”Upload Theme -> Select file -> Install Now”,选定您要发送的主题风格文档。

1608727843 安装主题 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

1608727901 安装主题2 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

2).安裝结束后,退还到”Appearance”,点击”Activate”按键激话主题风格。以后会见到一条激话乐成新闻报道。

我采用的是”Astra主题风格”,下面大家转到“Appearance → Astra Options”看一下还能干什么。

1608727977 astra主题 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

我们可以改动很多的器材,如同:Upload Logo,Set Colors,Customize Fonts,Layout Options,Header Options这些。

3).试一下Upload Logo:

1608728050 上传logo - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

进来以后,你能见到这种的页面,这一便是提交Logo的操作面板。请单击左上方的”Select logo”按键提交您的Logo,一样的提交Site Icon也是一样的实际操作。请点开下边的”Select site icon”按键提交Icon。

您还能够挑选是不是Display Site Title,它在”Select site icon”按键下边,试试吧。

进行后点一下”Publish”按键,随后点击”X”按键撤出订制程序流程。

4).变更色调字体样式及其构造

除开提交Logo外,您还能够试验Set Colors,Customize Fonts,Layout Options等候。不外这种事儿并没有一定要做的,您能够凭据自身的必须去做。实际操作方法和”Upload Logo”方法是相似的,这儿我不截屏了。

2.加上工具栏和Widgets
1).加上工具栏

要设定工具栏请转至”Appearance -> Menus”,您会看见这种的页面:

1608728108 菜单栏 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

在”Menu Name”给菜单栏起个好名字,然后点击右侧的”Create Menu”按键建立工具栏。随后,在左边的”Add menu items”的文章内your shopi fy .co m容,网页页面,物质,Custom Links等工程中启用您要加入的连接并点击”Add to Menu”按键。出现异常朴素!

2).加上Widgets

请转至”Appearance -> Widgets”,它在Menus的上边,进来后会见到:

1608728156 小工具设置 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

在右边,当今主题风格适用的Widgets地区。要将Widgets加上到特定地区,您必须做的就是以左边选定Widgets并将其拖放进特定地区。

3.探寻Customize

上边推荐的信息早已充分让您建立一个眼前一亮的网址外型,倘若您还不满足得话,能够在”Appearance -> Cus2021年西木建站所有 粤ICP备2020104027号tomize”再次探寻。

流程6:添加网站內容

网址最首要的是內容,没有人会爱看无信息的网页页面是吧。WordPress建立內容是比较容易的一件事,但是大家先来感受一下WordPress的信息构造。

1.WordPress 网页页面构造

在 WordPress 中,你能整治诸多种类的內容,包含Posts,Pages,Categories,Tags,Media这些,针对受整治的每一个专用工具,都是有一个与之相匹配的网页页面,并且每一个界面都采用相近的明堂:

1608728211 posts页面 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

如上图所述所显示,项目规划坐落于网页页面顶端,数据列表包含有好几个列,大家看看一些关键的因素:

目录中的一条数据信息现代都市表明难题,你能点一下难题举办编写。

倘若将鼠标悬停在指定的数据信息行上,你可能见到此外四个连接。前三个一直一致的(编写,迅速编写,挪到接受站)。

第四个是查询或浏览,详尽在于文章内容是不是已公布。

目录上边的地区容许你举办过虑:查询全部,已公布,文稿,未确定,及其接受站内的文章内容。

2.加上一篇文章

要向网址加上新文章内容,只需实行下列实际操作:

  • 1.在难题字段名键入难题。
  • 2.在內容框键入文章。请重视,默认设置主视图是数据可视化在线编辑器,但你还可以挑选文本编辑器。
  • 3.点一下右上方的公布按键。或是,你还可以挑选保存文稿或浏览文章内容。

1608728274 添加文章 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

点一下公布按键以后,您依然会滞留在文章编辑网页页面,但会出现一条新闻对你说文章内容已公布,并出示了查询连接。

1608728321 编辑文章 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

3.建立一个Pages

实际操作方法和建立Posts一模一样,只不外Pages是独立出现的网页页面,它是沒有Category的,你能见到Pages并沒有Categories选择项。

1608728366 pages页面 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

 

4.建立主页

一个朴素的方法是:将目前的网页页面设置为主页,要保持它大家必须转到”Settings -> Reading -> Your homepage displays -> A static page (select below)”。

1608728402 确立首页 - 自己建网站的方法实例教程:如何完全免费自己做一个网站-shopify主题风格-西木建网站

您还可以挑选Elementor软件来确立主页,Elementor是一个风靡