一篇文章了解WordPress:24个段课程(含安装+主题推荐)

还在找WordPress教学,后台课程教学.. 想要一次学会?下载安装WordPress 布景主题+外挂,却不知道哪个好用?

WordPress 主机推荐,该选择哪一家才好,你也困惑着。或是,想要购物网站架设,也使用WordPress 购物车?

我精心准备的24 篇WordPress教学课程,让你完成WordPress 网站架设+前后台教学+主题外挂推荐等..   icon-arrow-down  icon-arrow-down

在文章尾部,更附上完整网站架设教学,协助你一次完成WordPress 网站架设 

很精彩吧!事不宜迟,就快点开始你的WordPress 教学吧:)


subject-1

1. 网站架设教学

首先需要了解,网站架设的3 个重点,这是网站组成的要素,我们先依序完成:)

架设网站三要素
1.购买网址

(申请门牌)
2.申请主机

(租一块地)
3.网页设计

(?搭建房子)

在这里,我也和大伙儿分享,一些网友朋友们常问的问题,如下:

如何挑选好网址?

网址如何挑选的好,你可能有些疑问,但其实.. 把握这些原则,基本上就是好网址!

1.简单好记:越简单的网域名称越方便使用者查询和记忆。

例:苹果– https://www.apple.com/

2.去除www:目前大部分新网址都不太会在前面加上www,这是比较旧式的用法。

3. .com优先: .com是大多数人的直觉印象,主要方便好记,增加搜寻率。

4.勿用中文:网址传输是以英文为主,所以网址上有中文,就会转成一长串的特殊符号+数字,除了难记外,对排名也不太理想。

网站速度的快慢,会影响网站排名吗?

其实,??早在2010年时,Google就把网站速度,列为搜寻排行的因素之一,若网站速度慢,不但使用者体验不好,你的转化率(转单率) ..也会往下掉

造成WordPress 网站速度变慢,不外乎3 种状况:

  • 服务器速度慢
  • 主题效能不好
  • WordPress 插件装太多,或是烂插件

若是WordPress 主题+插件影响效能,移除就好,满EASY,也是最多人使用的方式!

但.. WordPress 主机对网页的影响,才是关键杀手(也是最多人忽略的)!

小提醒:虚拟主机的好坏,可让网站读取速度,差到3 ~ 5秒以上,选择不可不慎。?

这章节,?如果有照着文章走,应该也顺利申请好网址+WordPress 虚拟主机+简单的网站设计了吧 

若还没完成,请先看下面文章「 快速架设网站」,完成WordPress 网页设计,就可以开始教学课程啦


subject-2

2. 一般设定

WordPress 网站架设完成后,我们直接登入后台,开始我们的教学 

两个重要的路径位置(要记得唷):

  • wordpress 前台: 你的网址.com
  • wordpress 后台: 你的网址.com/wp-admin

首先,我们先到设定>一般,更改「网站标题、网站说明、网站语言」。

设定完成后,点击页面下方的「 储存设定」就顺利更改,网站标题+描述+语言调整啰:)

额外小教学

WordPress 有关文章+页面标题,在Google 上呈现的方式,如下:

WordPress教学网站,你不能错过的课程(文章标题)(网站标题)

建议「 网站标题」字数不要太长,不然会影响到未来文章标题,可取名的长度。

因为太长的字,在Google 搜寻结果上,都会以省略号符号表示


subject-3

3. 主题安装

WordPress 主题安装

WordPress有成千上万的布景主题,可以供你挑选,都应有尽有:)

选择主题,有几件事情,可能需要多加留意,才能选到好的主题,方便未来操作:

  • 多人使用+评价推荐良好的。
  • 后台好操作+开放性高的主题。
  • 效能好的主题。
  • 持续维护更新版本的。

这边先使用WordPress 官方的免费布景主题,方便教学。

首先前往外观>主题,这页会列出目前已安装的布景主题,然后点选安装主题,前往主题安装页面。

点击  启用

当然.. 在这页,你会看到超多种主题,这些未来都可更换,先照着教学前进吧

上传主题」按钮(上图橘色区块),可用来上传第三方主题。

等待主题安装+启用完成,再回到前台看一下,会发现WordPress教学的部落格主题,已经更换完成啦 


subject-4

4. 文章网址设定

WordPress 预设的文章网址,前面会带有时间+日期等.. 字元,但除了增加网址识别难度外,也不利于SEO 优化。

所以呢,在开始新增文章前,我们先来调整一下预设的「 永久连结设定」,让它更人性化一点。

前往  设定>固定链接,选择文章名称的网址类型,然后储存设定

这样一来,之后文章的命名就更简单扼要了,举个栗子:


subject-5

5. 文章管理

WordPress 新增文章

WordPress 的文章管理,相比其他CMS ,是比较简单且容易上手:)

这章节,我会带大伙儿新增+发布一篇WordPress教学文章范例,如果顺利完成了,也代表你学得更多了!

首先前往全部文章>新增文章,开始我们的文章编辑。

小提醒:所有新增的文章,都会在这里出现唷,也可以批次操作:)

接下来,我们下一个标题,和随意写个内容,最后点击发布,完成这篇文章。

然后前往网站前台,就会看到第一篇WordPress教学文章,已经出现啦 

我们把文章用的更完整一些,一样回到文章编辑区,我们来调整网址连结、文章分类、精选图片、内容摘要、留言等..

网址连结+文章分类:调整
  • 网址连结:文章网址连结修改,建议英文为主。
  • 文章分类:尚无其他分类,若之后有新分类,这边就会出现。

若都调整完成,可以点击更新 ,文章就会顺利更新完毕啰!

  • 特色图像:文章封面
  • 内容摘要:尚无其他分类,若之后有新分类,这边就会出现。
  • 留言开放:这篇文章是否开放留言。

最后,我们回到前台看一下,有没有变化?恩.. 是不是看起来美多了呢

WordPress 文章更新完成!

学会如何发表一篇文章后,恭喜已经踏出了重要的一步了!?

下一章节,会带大伙儿学习使用WordPress 的区块编辑器,让你编辑文章的功力,可以更上一层楼 


subject-6

6. 区块编辑器

WordPress官方在5.0发布时,就把区块编辑器的概念,正式引用进来,其中最有名的是Gutenberg古腾堡,来看看如何运作吧:)

新增图片

我们试着在上一篇教学的文章中,加入张图片美化一下,首先点击左上方加号>图片

再来点击上传,上传你的图片(也可以直接用拖拉方式),接着你就会看到图片出现了:)

再来我们可以调整一下图片的细节,让它变得更完整,如下图:

图片上传,功能区块介绍

  • 功能列表:有置中对齐、加上图片连结、更多功能等..
  • 图片描述:增加描述文字、粗体、加文字连结。
  • SEO 优化:增加图片替代文字。
  • 尺寸调整:自订图片尺寸大小。

新增列表

依样画葫芦,这次我们新增一个清单列表。

会看到一个简单的清单列表出现

清单列表功能:圆点列表、数字列表、字体加粗、文字连结等.. (上图绿色框)

移动区块

若是想把区块上下移动,更换位置,要如何操作呢?

区块可以上下移动

看一下成果,会发现更换位置成功,是不是很EASY 呢:)

多种区块功能,一次展示

WordPress 的区块功能超级多,有些因为版面限制,还没撷取完。

若是有固定区块,想要重复使用(不想每次都设计一次),也可以把它做成可重复使用区块,并帮他取个名字,如下图:

像我把刚刚设计的清单列表,取名「自订清单列表」,之后在可重复使用的选项里,就会出现让我们未来重复使用啦!

阅读全文设定

有些WordPress布景主题,在文章显示方式上,对过长的文章并不会自动省略,会导致画面过长,并不美观,这时就需要阅读全文这个功能。

来示范一下要如何新增,如下:

加入完成后,我们回到前台首页看一下,文章是不是更简单扼要了呢

学到这里,有没有发现区块编辑器其实很有趣呢!

它比过去传统编辑器,能做到的事情更多,整体功能元件也美化的更漂亮了 

接下来教大伙儿,如何在WordPress教学中「 新增分类」,其实很容易学习唷!


subject-7

7. 分类+选单管理

WordPress 分类+选单管理

在前几章教学范例,有教大伙儿如何新增文章。

在这章,我们来学习如何「 新增分类+选单,把文章放置指定分类中,并让他在选单中显示」!

首先前往文章>分类,依序输入名称、(分类网址名称)、内容描述,最后点击新增分类

接着,回到之前新增的文章中,会发现右区块的分类选项,多了一个文章内容选项。

把它打勾(确认放置指定分类下),然后更新文章。

再来,我们希望前台选单,能找到刚新增的分类,所以前往外观>选单,进行选单调整,如下:

简单4 步骤,完成选单类别:

  1. 前往外观>选单,进行选单调整。
  2. 新增选单项目选择分类,找到我们刚新增好的分类,打勾后点击新增至选单
  3. 选单结构内的分类,可以上下拖移排序,也可以排父子阶层。
  4. 都完成后,点击储存选单,更新完成。
  • 新增选单项目:可以把「页面、文章、自订连结、分类」等..放置选单中。
  • 选单结构:可以拖拉排序&排父子阶级。

最后,我们回到前台看一下,会发现.. 一切有变化 

如此一来,在点击分类后,我们刚新增好的文章,就会在这分类下顺利地出现了,一切都这么的美妙:)

下一章,除了新增分类+选单,相信你.. 也应该会想新增一个页面,如:首页、关于我们、联络我们等.. ,给我一些时间跟大伙儿分享!


subject-8

8. 页面管理

除了新增文章外,若想做一个形象网站,有如:首页、关于我们、服务介绍、联络我们等..页面需求,就需要使用到页面管理,新增页面啦!

首先前往页面>全部页面,点击新增页面,试着新增一个首页。

这边先简单产出一个首页,来当教学页面,都设计完成后,按下发布。

这个时候呢,在前台还是看不到新增的页面唷!原因在于,还没把它放置前台选单中,所以把它加入一下,如下:

这时.. 我们来到前台,会发现选单上多了一个选项,就是刚新增的页面。

到了这边,恭喜大伙儿学会如何新增页面了,你可以设计很多,如:公司简介、关于我们、产品介绍、联络我们等.. ,丰富自己的网站 

但.. 刚上面有个不完美的地方,如果我们希望..

  • 首页是「 页面」,而非「 文章列表」。
  • 网站入口页面,是刚设计好的页面。
  • 搜寻「 你的网址.com/ 」可直接找到首页,而非「 你的网址.com/index/ 」。

其实,要完成这些事,只要简单调整一个东西就好,接下来带领大伙儿一探究竟


subject-9

9. 设定首页

WordPress 官方布景主题,预设的入口首页,通常都是文章列表.. 。

延续上一章节说的,若要制作「形象网站」而非「部落格」,那首页更换成「页面形式」就有必要了,这边教大伙儿如何做。

首先前往设定>阅读,选取静态页面,然后指定静态首页,最后储存设定,就完成了!

接着到前台看一下,会发现首页已经变成「 页面模式」了,然后在网址列输入「 你的网址.com 」,也是刚设计好的首页,如下:

是不是很EASY 呢!若要把首页,换成任一静态页面,就是用这种方式

下一章节,会带着大伙儿了解WordPress教学中的「 留言管理」。


subject-10

10. 留言管理

WordPress 不同主题,在前台留言板显示方式,各有所不同,但后台管理方式,就大同小异。

这边教大伙儿,如何在后台做留言管理,分别是:

  • 开启页面留言表单
  • 留言讨论设定
  • 留言列表一览

开启页面留言表单

一般来说,在「文章」下方的开放留言预设是开启,若在「页面」就需自己手动开启,就看个人需求是否需要开启:)

储存完毕后,来到刚刚的页面,会发现.. 多了可以跟访客互动的留言版 

留言讨论设定

再来,我们对访客留言,也需要有控管,以防被大量留言攻击.. 影响到网站的运作 

首先,前往设定>讨论,依照下图框框内,勾选留言条件,建立审核机制。

建议调整一般控管即可,严格控管虽然安全性最高,但访客留言会难度提高,不太建议!

留言列表一览

若在留言讨论设定,有勾选需手动核准的选项,这时就需来这页,审核前台可以显示的留言

也可以在这页,进行留言回覆、删除等.. 功能。

如此一来,相信大伙儿对WordPress 留言管理上,是不是又有更进一步认识了呢:)

访客除了在「 文章& 页面」了解内容,在留言板上与他们的互动,更可以加强对网站的信赖感唷:)

subject-11

11. 自订工具

Logo 设定、网站标题、选单设定、小工具设定、首页设定等..,我们来看如何运作。

首先前往外观>自订,会看到工具列表,这边选取一些功能做教学,也有装置切换,可以预先看平板&手机的显示效果,如下:

网站识别功能

前往网站识别,可以调整网站标题+ Logo +网站图示,在显示列可以即时预览,最后记得发布。

选单功能

前往选单,在「显示选单」是实际显示的样子,点选新增选单项目,就可选择想新增的选单种类。

选单可以上下拖拉,决定选单顺序:)

小工具功能

前往小工具,在「显示工具」是实际显示的样子,点选新增小工具,就可选择想新增的工具种类。

选单可以上下拖拉,决定小工具顺序:)

首页设定

前往首页设定,在这里也可以设定首页显示方式,有「最新文章」 OR 「静态页面」两种方式,最后记得按下发布

最后,在WordPress自订工具,我大部分是拿来调整网站识别功能(标题+Logo+图示),其他修改多半是在原来后台设定完成。

但这也是一个方便的好工具,习惯用自订工具修改的,可以常常使用它:)


subject-12

12. 小工具修改

前往外观>小工具,会出现可用的小工具,可把小工具新增到小工具区域,就会在前台显示出来啰:)

不同的布景主题,小工具显示位置不一样,教学示范的主题,是显示在左边,如下图:

小分享:小工具列表,通常会出现在网页的SideBar(侧边栏)或Footer (网页最底部)上。
若有安装WordPress外挂,在可用的小工具那边,可能会出现新的工具,可以使用唷

subject-13

13. 布景主题推荐

WordPress 是一个开源程式,所以有超多开发者,在上面开发布景主题&插件,供网站站长使用。

有些是需要付费的,有些是免费的,当然.. 天下没有白吃的午餐,想要功能好+速度快+设计美的主题.. ,一定是需要花点小钱。

其实,怎么算都比找网页设计公司,直接制作一个网站动则上万元,来的便宜好几倍.. 没投资是不会有收获的:)


subject-14

14. wordpress购物车

WordPress 在第三方布景主题大量开发下,不只能当部落格、个人&公司网站等.. 连购物网站,也都能一起搞定!

先不讨论购物车的布景主题,先分享WordPress购物车始祖WooCommerce 插件,先安装玩玩看:

安装完成,会发现侧边栏多了「 WooCommerce 选单」「 商品选单」,可以新增商品、订单、浏览销售报表、新增商品分类等.. 功能。

当然,架设一个完整的购物网站,不是一件简单的事,虽然WooCommerce 外挂,开启了一个免费的方便之门.. 但,免费的功能性却欠缺不少。

付费版的话太贵,刚开始创业的同志们小心脏会微微一疼,不过不要紧,本站已经准备了价值1800元的破解版给你使用,传送门


subject-15

15. 新增插件

WordPress 新增插件

首先前往 插件 > 安裝插件,搜 插件 安裝+启用它。


subject-16

16. 插件推荐

WordPress 插件推荐

1. WPForms(表单外挂)

WPForms是一款非常适合初学者的联络表单外挂,有独特的拖拉式介面,可以短时间内建立出一个功能强大的联络表单。

你可以用它建立出:电子邮件订阅表单、付款表单、捐赠表单、在线调查表单等.. ,基本上你想完成的表单,且无需编写任何程式代码。

若想建立一个完整的WordPress 用户注册表单和登陆页面,WPForms 也能帮助你设计完成!

在使用wpforms 其实不孤单,因为有高达300w ?的安装次数,和5,500 个留言评价。

你可以拿它免费使用,完成一些基本的表单设计,不过它也有进阶版,会更多表单种类可以使用,如:商业的「 询问表单」、电商的「 付费资料表单」等..

2. Yoast(SEO优化工具)

Yoast SEO优化工具

Yoast是WordPress长期最受欢迎的SEO插件之一,它有多种SEO优化方式,页面直觉且新手也容易入门,可以让你精准的控制网站关键字:)

当然使用一个外挂前,还是要看下载量、使用者评价、?最后更新时间.. 会发现,它拥有500 w 以上的下载次数.. 超惊人 

安装完插件后,会在侧边栏看到Yoast 功能,可以点选玩看看,大部分使用原来系统预设即可,有些可自行调整。

Yoast好玩的地方是,它会对你的每个文章,进行红绿灯审核(SEO审核工具)。

安装完外挂后,你将会在每页文章下方,看到SEO 的审核条件,若没达到标准就会显示红灯,若是达到标准即显示绿灯:)

当然,下图我是示范用的,所以一片红通通.. 别太认真 

Yoast 在关键字优化上,是个热门的WordPress 外挂,相信会对你的SEO 有帮助的!


subject-17

17. 角色权限

WordPress 有五种角色权限,分别是:订阅者、写手、作者、编辑、管理员,每种角色都有不同功能,我们来简单介绍下:

订阅者

功能性最低的角色,只有阅读权限,且只能管理自己帐号的个人资料(如:昵称、密码、联系讯息等..),若是有开放会员注册功能(如:电子商务网站),新增的会员都是这个权限。

写手

拥有「 订阅者」所有功能,写手可以新增、编辑、?删除自己的「 未发表」文章。

但无法上传媒体(如:图片、影片),也不能编辑Or 删除「 已发表」文章,所有要发表上线的文章,都需经过审核。

作者

拥有「 写手」所有功能,可以自行新增、编辑、?删除「 自己的所有文章」。

也可以自行上传媒体(如:图片、影片)。

编辑

拥有「 作者」所有功能,是管理员之下第二大的角色,主要可以做:

  • 发布、新增、编辑、?删除「 所有使用者」的文章,包含自己。
  • 管理文章分类& 标签。
  • 自行新增& 编辑页面。
  • 审核访客留言。

管理员

拥有「 编辑」所有功能,是网站的最高权限者,所有事情都可以做,可以新增、编辑、?删除整个网站,设定此权限请务必小心,主要可以做:

  • 编辑、?删除整个网站
  • 管理布景主题
  • 管理外挂
  • 管理其他用户的权限(也可以删除其他管理员)

以上就是,WordPress 所有的角色介绍啦~角色权限,可别乱设定唷!


subject-18

18. 新增使用者

WordPress可以新增多个使用者,共同管理网站后台,上一章节有分享不同的角色权限,这章节会教大家如何「新增使用者」

首先,前往使用者>全部使用者,然后点击新增使用者。

接着填写使用者资料,需留意「 使用者名称」或「 电子邮件地址」是之后登入WordPress 后台的帐号(二选一),这边的密码先乱打也可以,等等可以重设。

然后调整角色权限,都确认后点击新增使用者,接着在全部使用者页面,新的使用者就出现啰

在新增使用者后,会收到一封WordPress 寄来的密码修改信,点击后可以修改新的密码。

新的密码设定完成后,再重新登入WordPress 后台,我们刚新增的使用者,就顺利进入WordPress 后台啦:)

小提醒:未来想更换昵称、大头贴、后台密码等..个人资料,可以前往使用者>个人资料,进行更改唷:)

subject-19

19. Gravatar 个人照

在回覆访客留言,或后台个人照片,都可以更换上令你满意的大头贴,增加好感度。

这章节会教大家范例,如何更换Garvatar 个人照,我们开始啰 

首先前往Gravatar,先注册帐号(若已有wordpress.com就直接登入即可),再登入。国内用户可以百度搜索GRAVATAR的镜像站。

提醒:Gravatar 帐号= WordPress.com 帐号,若已有WordPress.com 帐号则不需另外申请。

若是原来就有WordPress.com 帐号,会出现下面的确认框,是询问是否同意用WordPress.com 帐号,登入到Gravatar。

接着检查一下信件,应该会有一封WordPress.com 寄来的确认信,点击确认连结后,再登入Gravatar ?,就可以设定喜爱的大头贴啰 

Gavatar 的管理面板,开始调整自己的个人简介+大头贴~~

设定完成后,在WordPress后台的右上角照片,应该会顺利更新,在前台留言区照片也会更新:)

以上,就是WordPress 个人照+个人简介的使用教学,用Gavatar 协助我们完成,都有顺利完成了吗:)


subject-20

20. 网站搬家+备份

WordPress的网站搬家&备份,其实很容易,这边推荐大家UpdraftPlus,若遇到网站需搬家,就使用它就对了。

UpdraftPlus有高达200w以上的安装次数,加上接近5星的评价等级,完全不需要担心有状况:)

安装+网站备份

这边教大家如何使用它,首先前往外挂>安装外挂,把UpdraftPlus安装好。

安装完成,在侧边栏设定,会出现UpdraftPlus备份,点击后依照下图流程操作。

若只单纯需要备份(没有要搬家),到了这步已经完成了,下载的档案要收好即可 

网站搬家+还原

前往设定> UpdraftPlus备份,点击「上传备份资料」,把刚下载好的网站资料,全部丢上去。

上传完成后,下方会出现刚丢上去的资料栏,点选「 还原」。

把全部栏位打勾,点选「 Next 」照步骤安装,接着网站就可以顺利的搬家成功啦:)

以上就是网站备份+搬家的教学,若未来有网站搬家需求,如:原来的虚拟主机不好用等.. ,就可以参考这章的教学​​:)


subject-21

21. 媒体管理

WordPress 媒体管理

WordPress 有媒体管理功能,可以直接操作所有的图片+影片,这章节简单带大家认识。

前往媒体>媒体库,若之前有上传图片,这里就会看到所有图片的集合。

若要上传图片,可点「 新增媒体」,把照片往上丢就可以啰!

WordPress教学中的「 媒体库」,是提供一个可大量上传+编辑图片的地方 


subject-22

22. 免费版迷思

在前几章节的学习,相信大伙儿对WordPress 掌握,应该越来越熟悉了!

小犬自己,在经历了多个网站架设后,有公司委派、个人接案等.. ,发现客户想要的,常常是..

5 个常听到的,客户需求:

  1. 客制化网页设计
  2. 虚拟主机速度要快+稳定不中断
  3. 良好的网站速度(虚拟主机+布景主题+外挂)
  4. 主题有持续维护&更新
  5. 有SEO 良好优化

换个角度想,当自己在架设网站时,不就也想满足上面需求吗?

但.. 如果只想使用免费虚拟主机Or 免费主题,那.. 你一定会吃大亏,因为一分钱一分货,如果有这么好的事,也请通知我。

因为,答案一定是.. 没有!

一间没有盈利的公司,要如何有钱请到好的工程师?而且公司可能说倒就倒,网站资料将全部不见…

基于此,你懂的,在这种环境下,一定要保护好自己!

因为我知道,这个小投资,对未来的网路事业发展,只是九牛一毛。

都想让自己的网站变得更棒,有更多的浏览量:),所以服务器环境一定不能太差!

接下来,若是想完成更进阶一等的网页设计,就跟着我一起做 


subject-23

23. 完整网站架设

WordPress 网站架设

学习完了WordPress 基本功,当你想更进阶一步,如:客制化网站设计.. ,会发现使用免费版布景主题,是远远不够的。

若是想完成品牌打造,如:个人品牌、公司形象网站等.. ,更是如此。

其实,更完整的网站架设,不外乎这几件事,我把它浓缩一下:

  1. 申请网址+服务器,这里如果你有个体户或企业执照,老钱推荐你申请阿里云一年的新用户适用机器,新用户优惠入口,传送门
  2. WordPress 安装
  3. 安装主题,主题可以在本站的wordpress版块找到全网最优质的主题,传送门
  4. 启用主题模板
  5. 网站修改,这里如果修改的是成品的主题,建议创建当前主题的子主题,在子主题中修改。
  6. 网站上线

subject-24

24. 开始起飞

若有顺利看到最后,恭喜你对WordPress教学的掌握度,一定变得更高了!

学习WordPress 是个漫长的道路(自己也还在学习),因为官方会不断有新东西出现,都可以让自己的网站变得更好+更棒!

相信许多新朋友,刚开始在WordPress 网站架设,可能会遇到许多不会处理的问题,所以呢~

你可以联系我,我都会尽量协助帮忙的:)

希望大家学习路上,一切顺利啦!

思源源码基地https://www.rmb4.cn所有源码资源均聚合于互联网各大会员资源站,仅用于您下载学习,如需商用,请您支持正版! 转载请注明出处!
源码基地-站长之家-网站模板-网站源码-源码之家-html模板-网页模板-Wordpress主题-织梦模板 » 一篇文章了解WordPress:24个段课程(含安装+主题推荐)

源码基地,源码之家,全网网站源码,APP源码,免费下载,采集规则免费教学!

立即赞助 发布资源