【WordPress零基础建站】第一节:Wordpress建站教程,挑战20分钟快速搭建独立站商城,服务器购买,域名连接,主题安装……
Summary
TLDR本视频教程向观众展示了如何在20分钟内使用WordPress快速搭建一个基本网站。首先,介绍了购买服务器和域名的必要性,并推荐了Siteground作为服务器提供商。接着,详细演示了从购买套餐、注册域名、创建WordPress网站到选择和激活主题的全过程。此外,还讲解了如何使用Elementor编辑器对网站进行个性化设计和布局。最终,通过导入Astra主题模板,将一个简单的WordPress站点转变为具有专业外观的网上商城。视频旨在鼓励新手学习WordPress建站,并邀请观众参与投票,以决定是否推出更多相关教程。
Takeaways
- 🚀 挑战目标:在20分钟内使用WordPress创建一个基本网站。
- 📚 学习目的:了解如何从零开始搭建个人网站,并评估学习WordPress建站的兴趣。
- 🛠️ 服务器选择:推荐使用Siteground服务器,因其稳定性和个人使用经验。
- 🌐 服务器套餐:根据网站数量、存储空间和备份需求选择合适的套餐。
- 🔗 域名注册:建议自行注册域名并绑定到服务器,以保持域名管理的自主权。
- 💳 付款方式:Siteground支持Visa、Master等国际信用卡支付。
- 🔧 网站搭建:通过Siteground的Website管理界面创建新的WordPress网站。
- 🔄 域名设置:在域名服务商后台设置A记录和Name Server,将域名指向服务器IP。
- 🎨 主题选择:WordPress自带主题简单,可搜索并安装第三方主题如Astra进行美化。
- 🖌️ 编辑器使用:Elementor编辑器适合新手,可轻松定制网站布局和样式。
- 📱 响应式设计:确保网站在手机等移动设备上显示效果良好。
Q & A
视频中提到的挑战是什么?
-视频中的挑战是在20分钟内创建一个基本的WordPress网站。
为什么要购买服务器来搭建网站?
-购买服务器是为了存储网站的图片、文字等数据,当别人访问网站时,服务器会将这些数据传送给访问者。
视频中推荐使用的服务器是哪一个?
-视频中推荐使用的服务器是Siteground,因为它比较稳定。
Siteground提供了哪三种建站选项?
-Siteground提供了三种建站选项:一般的网站、WordPress网站和WordPress加Woocommerce的网上商城。
在Siteground上购买套餐时,套餐的主要区别是什么?
-套餐的主要区别在于能提供的网站数量、储存空间以及备份服务等。
如何将自己的域名绑定到Siteground服务器上?
-需要在域名服务商的后台设置域名的A记录指向服务器的IP地址,并设置Name Server记录指向Siteground提供的Name Server地址。
WordPress网站后台如何进行模板更换?
-在WordPress后台选择Appearance下的Themes,然后搜索并安装新的主题,最后激活新主题即可。
视频中提到的Astra主题有哪些特点?
-Astra主题使用人多,功能强大,提供了多种模板样式,包括免费和付费的,且适配性好。
Elementor编辑器适合哪类用户使用?
-Elementor编辑器操作简单,非常适合新手使用。
如何确保网站的移动端适配性?
-可以通过WordPress后台的Customize功能进行布局、颜色等设置,确保移动端的浏览体验。
视频中提到的挑战是否成功?
-是的,视频中的挑战成功完成,网站的基本框架在十几分钟内搭建完成。
Outlines
🚀 开始WordPress建站挑战
视频介绍了如何在短时间内使用WordPress创建一个基本网站。首先,视频强调了学习建站的重要性,并提出了挑战目标:在20分钟内完成网站搭建。接着,视频讲解了购买服务器的步骤,推荐了Siteground作为稳定且熟悉的选择,并简要比较了其他国内外的服务器提供商。视频还提到了购买套餐时需要考虑的因素,如网站数量、存储空间等,并指导了如何注册域名和完成服务器购买流程。
🌐 创建和管理WordPress网站
视频继续指导如何在Siteground上创建新的WordPress网站,包括选择域名、设置网站类型、创建登录账号等步骤。随后,视频展示了如何将域名与服务器连接,通过修改域名服务商的后台记录来实现。此外,视频还介绍了如何在WordPress后台安装和激活新的模板,以及如何使用Elementor编辑器进行页面编辑和个性化设置。
🛍️ 搭建电商网站模板
视频演示了如何使用Astra主题和Elementor编辑器来搭建一个电商网站模板。讲解了如何选择和安装模板,如何编辑页面布局、文字、图片等元素,以及如何调整网站的整体设计和配色。视频还展示了如何在手机上预览网站,确保其响应式设计的质量,并强调了即使没有专业知识,也能轻松上手进行网站编辑。
📝 总结与学习意向调查
视频总结了整个WordPress建站挑战的过程,强调了从购买服务器到模板编辑的主要步骤,并估算了完成这些步骤所需的时间。视频提出,尽管基本框架可以快速搭建,但后续的内容填充和优化需要更多时间和努力。最后,视频发起了一个投票调查,询问观众是否有兴趣学习更多关于WordPress建站的知识,并鼓励观众在评论区表达学习意愿。
Mindmap
Keywords
💡WordPress
💡服务器
💡域名
💡主题
💡Elementor
💡建站挑战
💡Siteground
💡WooCommerce
💡网站模板
💡网站后台
💡网站优化
Highlights
白小菌的频道提供了一个20分钟的WordPress建站挑战,旨在快速创建一个基本网站。
挑战的主要目的是教育观众如何从零开始建造自己的网站,并了解观众对学习WordPress建站的兴趣。
介绍了购买服务器的重要性,服务器用于存储网站内容,如图片和文字。
推荐使用Siteground作为服务器提供商,因其稳定性和之前建站经验。
市场上有多种选择的服务器提供商,包括国内的华为云、阿里云、腾讯云等。
Siteground提供三种套餐选项,主要区别在于网站数量、存储空间和备份服务。
建议自行注册域名并绑定到服务器,以保持域名管理的自主权。
Siteground不支持国内支付方式,需要使用Visa、MasterCard等国际信用卡支付。
购买服务器后,通过Siteground的网站管理界面创建新网站。
详细介绍了如何设置网站,包括选择WordPress类型、创建登录账号等步骤。
强调了将域名与网站连接的重要性,并提供了具体的操作步骤。
WordPress后台允许用户对网站进行各种修改,如页面、博客等。
介绍了如何更换和激活新的WordPress主题,以及使用Elementor编辑器进行页面编辑。
展示了Astra主题的多样性和易用性,以及如何快速改变网站布局。
强调了手机适配性的重要性,并展示了网站在手机上的浏览样式。
总结了建站挑战的过程,指出基本框架的搭建可以在15-20分钟内完成。
提出了一个投票调查,以了解观众对学习WordPress建站的兴趣。
鼓励观众点赞、收藏和关注,以便了解更多建站知识。
Transcripts
哈喽欢迎回来
这里是白小菌的频道
最近有些人私信说他想要学习
WordPress的建站
正好今天有空
所以说我们今天就来做一个挑战
看我们20分钟内能不能创建一个
基本的一个网站
今天这个挑战主要有两个目的
第一呢就是带大家去了解一下
如何从零去
建造一个属于我们自己的网站
第二呢就是我也想通过这个挑战
来看一下到底有多少人想要学习
用WordPress
去创建一个属于自己的网站吧
然后今天这个视频
主要是带大家去了解一下
整个创建网站的一个流程
所以说可能有些地方不会讲的太细
如果说在建站的过程中
你有哪些看不懂或者听不明白的地方
其实都是正常的
毕竟对于第一次接触WordPress的人来说
其实里面还有很多的东西需要我们
自己亲身去经历一遍才能够明白的
好废话不多说
我们开始今天的建站挑战
首先我们需要购买一个服务器
那这里的服务器
你可以理解为我们把我们的
一些图片文字储存在这样的服务器上
当别人访问我们网站的时候
就相当于他输入我们的一个网址
然后他就会访问
这个服务器
那这个服务器就会把我们的图片
和信息传达给他
因为我们不可能说我们把自己的电脑
24小时开机放在那
对吧我这里使用的服务器是Siteground
主要是因为它比较稳定
而且我之前建站的话
也是使用这个服务
所以说今天
我就不再费时间去找其他的服务器了
我还是使用
这一个来搭建我们的一个网站
其实现在市场上有很多这样的服务器
包括像国内的华为云
阿里云腾讯云等等
那国外也有一些
包括我现在使用的siteground
还有谷歌的服务器
亚马逊的服务器以及hosting等等这些
他们的价格
以及稳定性其实也有很大的一个差别
那今天为了完成这个挑战
所以说我在这里就不再详细去
解释他们之间的区别
当我们进入siteground首页时
其实会有三个选项
那第一个呢就是一般的网站
第二个就是我们今天要用的
WordPress,然后第三
个是Wordpress的基础上再加一个Woocommerce
其实也就是我们
创建网上商城需要用到的一个插件
这边虽然有三个
但是
其实每一个点进去的界面都是一样的
就是他会给我们提供三个套餐
那对我们来说
套餐的主要区别就在于他
每一个套餐所
能提供的网站数量是多少
以及他的一个储存空间
还有他的备份啊等等这些
像第一个最基础的套餐
只需要3.99美元每个月
但是他的服务器上只能搭建一个网站
像我使用的话我可能会在上
面放好几个独立站
或者说一些博客网站等等这些
那我一般情况下是选择第二种
因为在上面我可以创建无数个网站
至于它的容量的话其实还是够用的
我们购买完套餐之后
会跳转到一个注册域名的界面
那在这里面其实
siteground提供了两种选择
像其他服务商的话
基本上都会提供这两种选择
第一个就是
你可以在他的网站去注册一个域名
但是需要17.99美元每年
其实还是比较贵的
所以说我还是推荐大家自己
去注册一个域名
然后把它绑定到我们的
这个服务器上就可以了
前面我在教大家如何去为Shopify去
绑定域名的时候
我就说过
我们一定要把域名管理在自己的手中
因为对于一个网站的话
其实这个域名就是我们的一个入口
建站的工具有很多
但是他的域名的话
实际上就只有这一个
我们输入完域名之后点击下面的price
然后我们就跳转到了一
个信息确认的界面
首先我们需要创建一个账号
因为我们需要通过这个账号
来管理我们的这个服务器
包括我们之后绑定的域名
那下面呢就是一些个人的信息
随便填一填就可以了
我们再看一下他的一个付款方式
也就是我们购买这个服务器的一个
付款
因为这个siteground是国外的一个广告商
所以说他暂时还不支持
国内的一些支付方式
那这里我们就需要一些visa
master或者国外的一些信用卡
我们把卡的信息输入之后就可以了
其实在下面siteground
还会提供一些其他的一个选项
那这里面的话是我们购买的一个信息
包括我们的计划是
我们选的是第二种
然后它的数据存放在哪里
这里面默认是亚洲
我们可以选择美国
然后下面的是一个购买的期限
你可以选择一个月
但是如果你选择一个月的话
他就没有折扣
那这里面我就选择12个月
他是支持30天退款的
如果说你30天之内用着感觉不太好
你要及时退款
不然的话超过时间就没办法退款
那除此之外
他在下面还提供了一些其他的
额外需要付费的服务
比如说他的一个
就网站安全的一个扫描功能吧
防止一些病毒攻击之类
但是他需要18美元每年
还是挺贵的
那在这里我就我就不选他了
基本上我们也不需要选没什么大问题
那我们再看下面一个条例
也就是一些确认信息吧
我们直接点上就可以了
当这些信息都填完确认无误之后
我们点击付款
付完款之后
我们的这个服务器
就相当于购买成功了
因为我之前已经购买过服务器
所以说在这里我就不再购买了
大家知道这个步骤就可以
我们购买好服务器之后
再回到siteground的一个网站
然后点击菜单栏上面的website
这样的话我们就可以到
网站管理的一个界面
然后我们点击右上角的new website
去创建一个新的网站
这个时候我们会到一个让我们选择域
名的一个界面
这和我们前面的情况一样
我们就直接点已经存在域名
然在下面的方框内输入我们的域名
关于域名的购买方法
我在之前的视频中已经讲过了
所以说这里我们就直接跳过
我们直接输入我们的域名
然后点击continue
这个时候我们就到了
设置网站的一个界面
我们直接点击开始一个新的网站
然后在下面会选它的类型
那这里面我们是用WordPress去建站
所以说我们就直接选择WordPress
选择完成之后呢
我们还需要创建
WordPress的一个登录账号
主要是方便我们对后台去
进行一个管理
那邮箱这里面的话
输入自己平时用的一个邮箱就可以
密码的话自己设置一下就OK了
然后我们点击Continue
这个就是我们前面提到的
siteground的一个
额外的付费服务
我们这里就不选
然后直接点finish
然后他就开始创建我们的网站
我们只需要耐心等待一下就可以了
网站创建好之后
最重要的一步
就是把我们的域
名和我们的这个网站给
连接起来
像我们前面填的域名只是一个记录
如果真正实现其他人
从你这个域名去访问你网站的话
我们还需要在域
名的后台去做一些设置
所以说这一步比较重要
我们点击下面的一个Site Tools
这个时候我们就
到了这个域名以及他所
绑定网站的一个
管理面板
然后我们需要登录到我们
购买域名的一个服务商的后台
我这里面还是用之
前绑定Shopify的一个域名来做测试
我们点击这个域名
然后到他修改的页面去
这个时候我们需要几组数据
第一个就是他服务器的一个IP
我们把它复制过来
然后添加到我们记录a下面
这样的话
我们的这个域名就可以指
向这个服务器的一个IP
改完之后点击保存
然后我们再把它的name service复制一下
他这里面有两条记录
我们两个都要添加粘贴
然后点击保存
同样的方法
我们再把第二条也复制下来
然后添加到我们的后台去
如果你发现你的域名下面没有多余的
记录的话
你也可以自己去添加一个
我们点击上面的添加记录
然后按照我们第二条记录去
修改就可以了
这里面的记录类型就是name service
粘贴保存
这个时候我们的域名
就和服务器连接完成了
我们回到刚才的site tools
然后点击WordPress下面的install and manage
找到我们刚才域名
点击他右边的一个箭头标志
这样我们就可以直接到达WordPress
网站后台的一个管理界面
我们现在看到呢就是WordPress的后台
在这里面
我们可以对他做各种各样的修改
包括他的页面
评价博客等等
我们先看一下这个前台是什么样子
我们点击
View Site
那大家现在看到就是它
WordPress默认提供的一个模板
也就是我们网站现在这个样子
可以看出来还是非常简单
上面什么都没有
就一张图片然后加了几个文字和链接
这样的模板肯定不能满足我们的需要
所以说我们要更换一下其他的模板
我们回到WordPress后台
然后点击appearance下面的Themes
也就是主题
可以看到这三个就是他WordPress
自带的一个
主题
都是像刚才我们预览的那样非常简单
所以说
我们还是自己为他去添加一个主题
这个时候我们就来到了
主题选择的一个界面
这里面有各种各样第三方提供的主题
我们都可以下载来使用
他们中有免费的也有付费的
其实其中很多免费的
功能已经非常强大了
有一款主题叫Astra
使用的人很多
我们在搜索框中搜索Astra
然后点击安装它安装需要一些时间
我们耐心等待一下
安装完成之后我们再次点击appearance
可以看到我们刚才安装的Astra
就已经出现在这里
我们把它激活
当模板激活之后呢
我们就可以对它去进行接修改
我们点击Astra的主题模板
然后在它的下面有5个选项
我们选择start template
这个时候我们就来到了
Astra的一个介绍页面
那我们不用管这个视频
可以直接点击下方的build your website now
然后这个时候他会让我们选择一个
编辑器就是我们修改模板的
网页需要的一个工具
那我们这里面直接选Elementor
因为这个编辑器的操作比较简单
非常适合新手
而且用的人非常多
我们选择Elementor
然后点击进入
这个时候我们就来到了
Astra所提供的一个模板界面
Astra
其实给我们提供了很多的模板样式
包括一些博客的
电商的还有各种各样的主题
像是些美食啊自然啊旅游啊
还有就是盆栽啊等等这些
这里面非常多
那有免费的也有付费的
我们可以按照自己喜欢的标准去
进行选择
在它上面其实已经给我们做好了分类
包括博客啊
电商啊社区啊专业啊等等
我们也可以在这里面去进行一个筛选
那我们先选择一个模板去看一下效果
假设
我们就选这个植物商城的一个模板
然后点击
然后点击这个模板
他就会跳转到一些基本信息的修改
那这里面我们直接跳过就行
因为如果修改的话
我们在后期可以去进行一个修改
下面这个页面也是一样我们直接跳过
这个时候他会让我们去填一些信息
我们直接跳过就行
上面所有步骤完成之后
他就开始安装了
我们可能需要等个几分钟
好了他已经安装完成了
然后我们直接点击上面的View your website
这个时候我们可以看到
其实整个商店的布局已经改变了
还记得我们导入模板之前
店铺的一个样式吗
就是这种非常简单的只有一个背景图
然后加几个文字和链接这样的
我们再来看一下现在这个模板
还有一张大的背景图
而且有各种各样的菜单
包括下面还有各种盆栽
可以去进行一个出售
而且我们点进去
可以看到这个盆栽的详情
包括它的描述它的价格包
括下面还有其他产品的一个推荐
那我们把它加入到购物车
这个时候我们可以在网站的右上角
其实也有一个购物车的标志
我们点击的话
就直接来到购物车的一个界面
这里面也可以输入折扣码
也就是我们可以在商城的后台
为我们客户去创建这样的折扣码
他付款的时候也可以直接输入
下面我们点击proceed to check out
这样我们就来到了结款的一个界面
这个页面主要供客户去填写一些
他的收货地址和信息
当然了
前提是我们需要绑定一个收款方式
如果说你想对这个页面
去进行更改的话
你可以直接点击上面的edit with Elementor
然后你就可以对
这个页面的一些布局啊
文字或者图片进行一个修改
我们只需要点击这个模块的一个框架
然后
在他左边我们就可以更改他的布局
他的样式
还有一些字间距啊图片啊等等
假如我们想要更改这个背景图的话
我们可以自己去上传图片
也可以从
之前上传的图片中去选择一张
他同时也给我们提供了一个
免费的图片库
在这里我们都可以去使用
假设我想要把
背景图换成这只猫咪的话
我只需要点击这张图片
然后把它插入就可以了
好像哪里出了问题
我们重新操作一下
这是刚才那张猫咪的图片
我们点击插入
大家可以看一下
刚才图片其实就已经换成了背景
如果你想更改文字内容的话
你可以直接选中这些文字然后
输入你想要的内容
或者说你也可以在左边的
Title这个框里面去进行一个输入
如果说你不想要这种文字
你就可以右击他这个模块的虚框
然后把它删除掉
像下面这个按钮
都是可以去进行修改的
我们可以直接选中编辑模块
右上角的一个九宫格
这里面
他给我们设置了各种各样的模块
像图片啊
标题啊文字
我们直接把它
拖拽到我们的界面就可以了
这种编辑和设定真的非常的简单
就算你是小白也可以直接上手
如果你想对页眉啊页角啊
还有一些字体颜色剧情更改的话
我们可以点击customize
在这里你可以更改它
整个网站的一个布局
包括它一些页眉页角
还有什么字体啊颜色啊
它按钮的一个默认颜色
还有它的购物车的颜色等等
在这面都可以很轻松的去更改
除了电脑端显得非常美观专业之外
他的手机适配性也做的非常的好
我们可以看一下效果
我们打开
谷歌浏览器的一个手机模拟页面
那在这里我们就可以看到
这个网站在手机上的一个浏览样式
看上去真的非常的美观
至少我敢说
这样的模板
如果你在Shopify去使用的话
至少需要180美元
其实到这里
一个网站基本上已经搭建完成了
前前后后的话基本上也就十几分钟
真的挺容易的
当然如果你想去做一个内容丰富啊
比较有趣的网站的话
你可能需要多花一点功夫
像他的图片
像他的内容这些都需要时
间去打磨和创作
可能一篇好的文章
你都需要花个把个小时去打磨和创造
对吧我可以给大家看一下
我前段时间用WordPress搭建的一个
独立站商城
那这个独立站是关于宠物用品的
那在这里面我给他分成了3个菜单栏
最上面是一些店铺的信息啊
包括他的包裹追踪
那第二个菜单栏主要是LOGO
还有他有一个搜索框
那我们在搜索框里去
输入这样文字的时候
他就会自动下拉显示产品
按下回车键的时候
他就会自动跳转到
所有关于这个内容的页面
他的最下面的话
还有一些趋势产品的一个滑动框
这个就显得非常的高大上
然后下面是一个页角的部分
包括他的一些页面
包括他一个用户联系的页面
还有一个包裹追踪的页面
也就是当
用户在这里输入他的追踪码的时候
就可以去查询他包裹的一个轨迹
还有各个产品类目
右上角还有一些社交媒体的图标
点击之后就会
相应进入我们商店的一个频道
还有注册登录页面
用户可以在这里
我们的买家可以在这里去注册账号
包括管理他的账号
而且他可以在他的账号中去查看他
加入购物车的商品
还有他购买的记录
好那我们再来总结一下
关于刚才我们的一个挑战情况
其实我本来打算的话就是
一直操作
然后关于有些地方
我后期加入一些
文字去说明一下就可以
但是在录制的过程中
其实还是说了很多的废话就
是有些地方可能还是想要尽可能的去
解释一下
主要是担心很多新手
或者说之前没接触过这方面
他不是太懂
那关于这个挑战的话
其实购买服务器的话
基本上7分钟之内就可以完成
域名的话
购买加上设置估计也就5分钟这样
至于后台模板的一个导入
他可能有一些时间的延迟
比如说我安装这个模板的时候
他可能需要等个一两分钟
但是加起来也就十五六分钟
其实其实一个网站的基本
框架他就可以完成了
那关于后期的一个修改的话
其实还是需要花很多的时间和精力的
那因为时间的关系
我们就废话不多说了
关于今天挑战的话
我们就就勉强算他通过了好吧
至于整个流程的话
我我是带大家走了一遍
然后关于我们的第二个目的
就是我想了解一下
到底有多少人想要去学习
这个WordPress(口误)
从基础到搭建最后的完成
因为它里面其实还是涉及到一些
细处的一些设置
包括我们前面说的一些
联系的一个表单啊
还有就是人家输入了联系方式之后
你怎么通过邮件
自动给这个发消息给你的人一个反馈
这些
还是需要在后台去进行一个设置的
那我们还是做一个投票调查吧
就是你是否想去学习
WordPress的一些基础建站
如果你想学习的话
就在评论区给我扣个1
然后我们看一下
到底有多少人想要去学习吧
再根据情况去决定
是不是要花时间和精力去
录制这样的课
程好那我们今天内容就到这里
如果大家觉得这期视频还可以的话
记得给我点赞收藏
如果你想要了解学习更多知识的话
记得点击关注
我们下期再见拜拜
Browse More Related Video
![](https://i.ytimg.com/vi/X39T6Ydkm_E/hq720.jpg)
Make $3,000 Per Client | How To Start A WordPress Development Business
![](https://i.ytimg.com/vi/eM_I6j_mKTo/hq720.jpg)
超好用【ChatGPT + Visual Studio Code】完美整合,變身超強程式設計高手!
![](https://i.ytimg.com/vi/x8-4vYydLPs/hq720.jpg)
How to create Flowcharts and Diagrams with ChatGPT
![](https://i.ytimg.com/vi/te8KE71ndso/hq720.jpg)
How To Add FREE VPN On WINDOWS 10
![](https://i.ytimg.com/vi/zIllLXkkHB0/hq720.jpg)
How to Set Up an Unreal Engine 5 Git Repository - SourceTree Source Control
![](https://i.ytimg.com/vi/0WGA5p5KZ34/hq720.jpg)
Hackintosh The New Way Using Proxmox 2024
5.0 / 5 (0 votes)