专注于外贸建站,分享WordPress教程和Elementor教程

WordPress教程 – WordPress新手指南(2021)

更新日期:2021-07-19

在本WordPress教程中,您将找到使用WordPress创建网站所需的一切。从安装到备份,我们涵盖了所有内容。

此外,本页底部的有我撰写的最新WordPress教程列表。

首先,我们了解一下WordPress的历史,如果不想看,那就直接点击右侧的内容目录跳到你想看的栏目,或者点击此处前往安装WordPress教程

2003年5月27日,WordPress首次面世。创始人是马特·穆伦维格和迈克·利特尔。

WordPress可以被称为是基于PHP和MySQL编程语言的在线开源站点构建工具。在更高级的术语中,它被称为内容管理系统(CMS)。

当WordPress首次推出时,它只有几个用户,但随着时间的推移,它成长为世界上最大、最受欢迎的CMS。今天,WordPress正在为超过7500万个网站提供支持。

2020年进行的研究表明,在1000万个排名最好的网站中,超过26%的网站使用的是WordPress。

WordPress教程视频 —— 快速了解WordPress建站

为什么WordPress如此受欢迎

在发现WordPress拥有大量用户后,你可能会想,为什么它这么受欢迎?

应综合考虑几个因素。一般的观点是,WordPress是一个简单的博客工具,然而,它远远不止于此。

由于WordPress是免费的开源项目,任何人都可以根据自己的喜好改进和编辑代码。它还提供了数千个免费插件、主题、小工具等等。

这些功能使得您可以创建任何类型的网站,从简单的博客开始,个人网站或作品集,包括电子商店、知识库或求职平台。

另一个因素是,WordPress是完全免费的,它支持所有使用PHP和MySQL的托管平台。最重要的是,WordPress不断更新版本,以提高安全性,包括新功能和提高整体性能。

最后一点,WordPress有一个庞大的社区,有专门的论坛和讨论区。成千上万的WordPress教程也使WordPress成为最容易使用的内容管理系统之一。

什么是CMS?

内容管理系统(简称CMS)是一种能够创建、修改和发布内容的应用程序。在大多数情况下,它还支持多个用户,允许他们协同工作。

例如,在WordPress中,你可以创建多个管理用户,每个用户可具有不同的权限。内容管理系统还包括文本和格式化功能,能够上传视频、照片、音频、地图甚至您自己的代码。

内容管理系统由两部分组成:

  • 内容管理应用程序(CMA)。CMA可以被称为图形用户界面(GUI),用户无需了解HTML或编程语言即可创建、修改、删除和发布内容。
  • 内容交付应用程序(CDA)。CDA负责在内容进入CMA后管理和交付内容的后端服务。

其他值得一提的功能包括:

  • 对SEO友好的URL
  • 在线支持和社区
  • 用户/组功能
  • 各种模板和设计
  • 安装向导和升级/更新

世界上最流行的三个内容管理系统是WordPress、Joomla和Drupal。

WordPress.com vs. WordPress.org

WordPress.comWordPress.org是托管WordPress站点的两种方式。

这两种方法的不同之处在于使用的主机。通过WordPress.org,您可以免费下载WordPress安装包,并将其托管在您本地的计算机上或通过主机(如Cloudways)托管。——这是外贸建站的推荐方式

在另一方面,WordPress.com通过为您托管网站来处理所有这些问题。你不必去管理主机、购买主机或下载WordPress安装包等等,但是,如果你选择的是免费套餐,您的网站上会显示广告。——对于不想通过网络赚钱、也不想花钱购买主机的、只是想写写博客的人比较合适WordPress.com。

WordPress.org和WordPress.com各有优缺点。

如果你对拥有自己的主机或管理主机不感兴趣,那么WordPress.com可能是一条可行之路。

它是免费的,且可以快速设置(它也有付费的套餐)。您也将有各种功能和选项为您定制网站,然而它也有缺点。

针对免费版,您的网站将在网址中包含wordpress.com,并且您将无法上传自定义主题或插件;你也不能修改网站的PHP代码。

使用WordPress.org的自托管版本具备更大的灵活性和可控性。你可以使用自己的域名,上传和安装主题、插件。

你还可以访问你的WordPress文件、数据库和代码。这意味着您可以根据自己的需要修改代码。

最流行和最强大的WordPress站点都是自托管的,因为它提供了更大的灵活性和实现自定义功能、代码和设计的能力。

最后,如果WordPress不是适合你的CMS,拥有自己的主机将允许你测试其他内容管理系统,如Drupal或Joomla。本WordPress教程将重点介绍自托管的WordPress版本。

第1步-安装WordPress

WordPress受欢迎的一个原因是:在服务器上运行此CMS所需的系统要求较低:

  • PHP 5.2.4版本或更高版本。
  • MySQL 5.0.15版本或更高版本,或是MariaDB的任何版本。

许多主机具备自动安装程序来使WordPress安装过程尽可能的简单。通过使用自动安装程序,你不再需要手工创建数据库或上传WordPress安装包。

在本章节的WordPress教程中,您将学习两种不同的WordPress安装方法。

在安装WordPress之前,您需要决定网站的域名。譬如是通过根域名(example.com)、域名的子文件夹(example.com/blog),还是子域名(blog.example.com)?

其中,只有当你想在一个子域名上安装WordPress时,你需要先创建一个子域名。在使用WordPress托管主机中,通常,你可以将域名解析服务器变更为主机提供的域名服务器,然后在主机的子域名(subdomains)功能中新增子域名即可。如果你的域名服务器并未更改,那你需要在域名解析管理处(通常是购买域名的地方),为子域名新增一条A记录指向到主机的IP地址。

方法1.1 – 使用自动安装程序在主机上安装WordPress

主机通常都提供了管理面板,最常见的是cPanel,譬如Chemicloud,也有些主机是自己研发的管理面板,譬如SiteGround主机、Cloudways主机。请按需点击下方教程查看如何安装WordPress。

方法1.2 – 手动安装WordPress

如果你的服务器是在国内,譬如我的网站用的便是阿里云香港轻量服务器,在购买服务器时,我选择给服务器安装宝塔面板。在宝塔面板中,我们需要手动安装WordPress。请查看:如何在宝塔面板中创建WordPress网站(适合使用国内主机建站

第2步 – 登录WordPress管理员后台

WordPress管理后台的登录网址默认是:域名/wp-admin/,譬如:https://domain.com/wp-admin/;刚刚创建完网站时,你可以直接通过这个地址访问。

image 17

通常WordPress托管主机还能提供:通过主机面板一键登录网站后台的功能,详见:如何找到wordpress登录网址(4种方法),如果你忘记了密码,也可以通过主机面板进行密码的修改。

image 19
针对cPanel,请找到wordpress manager,点击进入
image 18
然后将看到网站列表, 可以点击 login 一键登录 或 点击 change password修改 密码

在登录了WordPress管理后台之后,你将看到仪表盘(dashboard)

image 21
  1. 顶部工具栏:它包含指向最常用的管理功能和资源的链接。例如,如果您将鼠标悬停在网站名称上,您将获得一个链接到您的网站的公共视图。它还显示简单的通知,如更新和新评论计数。
  2. 左侧菜单导航。它包含到WordPress所有管理功能的链接。如果将鼠标悬停在菜单项上,将显示包含其他菜单项的子菜单。
  3. 内容模块区。

当你第一次登录到WordPress管理面板时,你会看到一个欢迎模块,其中包含一些功能链接,可以帮助你快速入门。当你熟悉仪表板后,按下“Dismiss”按钮以隐藏此模块。

image 23

其他模块:

  1. “At a glance”概览栏目会告诉你有多少帖子、页面和评论。它还显示您正在运行的WordPress版本和主题。
  2. “Activity”动态栏目展示最新文章和评论信息。
  3. “Quick draft”快速草稿栏目,在此框中输入标题、内容将开始撰写一篇新文章。但是,您不能从此处发布文字,因为此框仅用于记录草稿、想法,以便您稍后详细编辑。
  4. “WordPress events and news”WordPress新闻栏目,此模块显示最新的WordPress新闻。

这些窗口中的每一个都有小箭头,您可以使用这些箭头快速隐藏该框。您还可以将它们拖放到不同的位置。

image 22

某些主题、插件在安装后,也会在仪表盘(dashboard)页面出现对应的模块。

image 24

第3步 – 安装WordPress主题

WordPress网站的外观可以通过主题来改变,WordPress主题有免费的和付费的。其中一些主题是通用的,可以在任何网站上使用;另一些主题是为特定目的而构建的,例如电商主题。

用WordPress安装主题超级简单。

视频教程:

进入Appearance外观》Themes主题页面,点击添加按钮

wordpress中安装主题

输入主题名称或关键词,譬如hello elementor

1%E5%9C%A8wordpress%E4%B8%AD%E5%AE%89%E8%A3%85%E4%B8%BB%E9%A2%98 1

找到主题后,点击安装按钮

wordpress中安装主题-2

安装完成后,点击主题下的启用按钮

wordpress中安装主题-3

启用完成后,提示新主题已经激活,点击访问站点查看效果

1%E5%9C%A8wordpress%E4%B8%AD%E5%AE%89%E8%A3%85%E4%B8%BB%E9%A2%98 4

安装新主题后的网站样貌,如下图所示(嗯,很简单,几乎不像一个网站的样子)

1%E5%9C%A8wordpress%E4%B8%AD%E5%AE%89%E8%A3%85%E4%B8%BB%E9%A2%98 5

如果你要安装付费的主题,请查看相关文章:如何安装wordpress主题(3种方法)

WordPress主题推荐

我自己建站主要用到的主题如下:

第4步 – 安装WordPress插件

WordPress插件的主要目的是扩展WordPress功能。通过安装和激活插件,您就可以向WordPress网站添加新功能,而无需进行任何编码。

有成千上万的免费和付费插件可用于不同功能需要:从社交媒体共享到安全性。因此,您一定会找到适合您需求的插件。

即使是新手,安装WordPress插件也很容易。免费插件可在WordPress.org的插件列表中找到,当然你可以使用内置的WordPress安装程序来安装插件,请见如下介绍:

要安装WordPress插件,请点击左侧菜单Plugins/插件> Add News/添加新的,输入你想要的插件的关键词,点击Install Now/立即安装。

1%E5%9C%A8wordpress%E5%90%8E%E5%8F%B0%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6%E7%9A%84%E6%AD%A5%E9%AA%A4 2 1 - WordPress如何安装插件(3种方法)
中文 版本
image 30
英文版本

安装完成后,点击activate激活按钮,只有激活的插件才能发挥作用;暂时用不上的插件也可以不点“激活”,需要用的时候,在“已安装插件”列表中启用即可;如果以后再也不会用的插件,可以点击“删除”按钮删除这些插件,避免占用网站的存储空间、插件更新提示打扰以及安全漏洞风险。

active-wordpress-plugin

付费插件是无法通过免费插件的方法安装的,你需要获取插件安装包,然后通过上传插件压缩包进行安装,步骤概述:上传→安装→激活:

  1. 鼠标左键移动到菜单“插件”上
  2. 点击安装插件
  3. 点击上传插件
  4. 点击选择文件,静待文件上传完毕
  5. 点击现在安装
  6. 安装完成后,再点击active“启用”按钮;

暂时用不上的插件也可以不点“启用”,需要用的时候,在“已安装插件”列表中启用即可。

1%E5%9C%A8wordpress%E5%90%8E%E5%8F%B0%E5%AE%89%E8%A3%85%E6%8F%92%E4%BB%B6%E7%9A%84%E6%AD%A5%E9%AA%A4 1 - 外贸建站教程:零基础用Elementor制作一个外贸网站

相关教程:WordPress如何安装插件(3种方法)

必要的WordPress插件

WordPress插件超多,同类插件都有很多,可能会让我们眼花缭乱,在外贸建站领域,我基于自己的多年实践经验推荐如下的插件清单。

插件名称 插件作者 插件作用 插件费用 何时启用
内容制作类
elementor Elementor.com 最热门的前端拖放页面生成器,两个插件都要装。 免费 一直启用
elementor pro Elementor.com Elementor付费版 付费,只需买单站点版本$49/年,前往查看购买攻略 一直启用
envato elements Envato 良心插件!免费版就提供了100多套elementor的网站模板,还有丰富的模块库。 免费 站点完成后禁用或删除
WooCommerce Automattic 管理产品的商城系统,但B2B不需要商城销售功能,只需要其中产品功能即可。 免费 若用到它,则一直启用;启用插件后,点击跳过或Skip引导界面
Advanced Custom Fields Elliot Condon 默认情况下,文章、产品只有标题、摘要、正文、封面图等基本字段,通过它可以新增各种自定义字段,譬如视频、产品手册附件、qa、规格参数等。 免费 若用到它,则一直启用
SEO插件        
Rank Math SEO Rank Math 网站SEO设置功能 免费 站点完成制作后需要配置SEO设置时,启用它并保持启用
安全类插件        
Wordfence Security Wordfence 防火墙和恶意软件扫描 免费 一直启用
提速类插件        
WP Rocket WP Media 网站加速 付费,单站点$49/年 站点完成制作后启用,并保持启用
reSmush.it Image Optimizer reSmush.it 图片压缩 免费 一旦开始有需要压缩的图片时,则启用;不需要压缩图片时,可禁用或删除
其他辅助        
Code Snippets Code Snippets Pro 可以通过它安装GA\禁用缩略图\去除URL的Slug等短代码到function.php文件中,若直接修改function.php文件,在更新后会引起还原,所以用这个管理段代码就避免了这个问题。 免费 若用到它,则一直启用
Post SMTP Yehuda Hassine 用于配置邮件通知和记录邮件发送历史 免费 若用到它,则一直启用

第5步 – 发布内容

使用WordPress创建网站时,首先要发布新文章或新页面。你可能想知道——文章和页面之间的区别是什么?

答案很简单。WordPress的文章可以有分类、标签和存档(即列表)。WordPress文章用于发布时间敏感的内容。

相反,页面主要用于静态的、无日期的内容。它们没有类别或标签,譬如首页、联系我们或关于我们页面。

步骤5.1 – 创建新文章

要创建新的WordPress文章,请点击“Posts/文章”下的“Add New/添加新内容”按钮,或从顶部工具栏中选择“New/新建->Post/文章”选项。

image 26

接下来,您将看到一个如下所示的编辑区域,其中包含一系列发布功能。

image 25

在上图的右侧,你可以看到设置区域

  1. Publish/发布:在这里,您可以更改帖子的状态和可见性,并可以定时发布。点击“Publish/发布”按钮,你的文章就会上线。如果您决定删除帖子,请按“Move to trash/移入回收站”按钮。
  2. Categories/类别:在此框中,您可以将您的文章分配到特定的类别。您还可以通过点击Add New Category/添加新类别按钮来创建一个新类别。
  3. Tags/标签:允许你快速添加新标签,标签也是文章的一种分类方法,一篇文章可以有多个标签。
  4. Featured Image/特色图像:您可以给文章添加封面图,它通常将在文章详情的头部与文章列表中看到他们(图像的位置可能因主题而异)。
  5. Excerpt/摘要:即文章的简介,通常在文章列表中能看到,又或者被SEO工具(譬如Rank Math SEO)默认为文章的Meta description。

更多关于发布文章的详细教程:如何在WordPress中发布和管理文章?

步骤5.2 – 创建新页面

要创建新的WordPress页面,请打开“页面”菜单下的“添加新内容”部分,或单击顶部工具栏上的“新建->页面”按钮。

image 27

添加新页面部分具有相同的所见即所得文本编辑器,就像添加文章一样。

image 28

页面是没有标签和类别的。相反,它有一个名为“页面属性”的框。

您还可以更改页面的顺序(order)并设置父级页面(Parent Page)。如果您希望在一个父页面下有多个子页面,就用它。

image 29

使用WordPress默认的编辑器可能无法让你快速高效的制作出页面,你可以安装Elementor可视化编辑器来制作页面,我的网站便是用它制作的。

相关教程:WordPress页面教程

第6步 – 优化WordPress性能/速度

我们需要用工具gtmetrix测试站点的速度,并进行速度优化,尽量优化到加载时间在3S以内,优化教程请按如下子教程逐一实施。

6.1 – 选择好的主机

6.2 – 使用缓存插件

你使用的什么缓存插件及如何配置对速度影响很大。

WP Rocket和LiteSpeed插件是缓存界的黄金标准(如果使用SiteGround主机,则可以使用为SG Optimizer)。WP Rocket之所以得到如此高的评价,是因为它比大多数其他缓存插件具有更多的速度优化功能。LiteSpeed插件与LiteSpeed主机是黄金搭档,如果不是LiteSpeed主机,那么WP Rocket是顶配推荐。

如果你不用WP Rocket,你需要弄清楚你的缓存插件没有附带哪些功能,并安装额外的插件来获得下面些优化。

以下是优化项与推荐的插件:

  • 数据库清理——WP-Optimize
  • CSS/JS优化——Autoptimize
  • 延迟JavaScript执行——Flying Scripts
  • 托管Google Analytics——Flying Analytics
  • CDN URL集成——BunnyCDN/CDN Enabler
  • 心跳控制——Heartbeat Control / manual code
  • 懒加载图像/视频——Optimole/WP YouTube Lyte
  • 预加载链接/即时页面——Perfmatters 或 Flying Pages
  • 预取/预加载——Perfmatters,Pre*Party,或手写代码
  • 本地托管Facebook Pixel——据我所知,没有其他插件可以做到这一点
  • font-display:swap——Swap Google Fonts Display /手写代码

WP Rocket在大多数Facebook投票中排名第一。

缓存类型

缓存有6种类型。缓存插件通常只提供2种类型的缓存(页面缓存+浏览器缓存)。其他类型的缓存通常可以在主机账户中激活。请充分利用主机提供的缓存功能,而不仅仅只用插件提供的缓存。

  • Opcode cache/操作码缓存 – 通常由主机完成
  • Full page/页面缓存 – 通常由缓存插件完成
  • Browser cache/浏览器缓存 – 通常由缓存插件完成
  • HTTP accelerators/HTTP加速器 – 在主机中激活 (e.g. Varnish/FastCGI).
  • Object cache/对象缓存 – 类似于Redis/memcached
  • CDN – 通过CDN完成, 或在CloudFlare中添加缓存一切页面规则。

如果你的主机提供redis缓存,我建议你激活它,并在网站中安装Redis Object Cache插件,这样能提高网站后台的速度。

如果你使用的SiteGround主机,可以使用SG Optimizer插件并激活静态、动态缓存以及memcached。

6.3 – 优化网站图片

图像优化是尽可能少的降低图片质量,同时尽可能大的缩小图片文件大小。见下图,优化前后的图片几乎看不出质量上的区别,但图片缩小了75%。

-1

优化图片的好处?

  1. 更快的网站速度
  2. 提升SEO排名
  3. 销售和潜在客户的整体转化率更高
  4. 更少的存储空间和带宽(可以减少托管和CDN成本)
  5. 更快的网站备份(也降低了备份存储成本)

关于如何优化图片,请查看详细的图片优化教程

此外,我们在WP Rocket插件中还可以开启图片懒加载功能。

image 33

6.4 – 优化字体

  1. 一个网站里的字体种类尽量控制在最少数量,我自己只用1种字体
  2. 如果使用外部字体(譬如Google字体),可以使用OMGF插件进行字体的本地化(适合需要再国内也能较快查看网站),也就是存在你自己的服务器里,或者干脆就不用Google字体,将其用OMGF插件或Perfmatters插件移除。如果使用了Astra主题付费版,主题自带谷歌字体本地化功能,在主题的自定义选项中开启即可。
  3. 预加载字体(Preload font),你可以通过 GTmetrix测试网站,然后获取Font字体的地址,并将其放到诸如WP Rocket 或 Perfmatters插件的设置中。
  4. 如果你确实需要用谷歌字体,并且也不需要在国内较快访问网站,可以合并Google字体请求,这在WP Rocket中是默认设置好的。
image 31

6.5 – 延迟执行第三方JavaScript

当你在网站中使用Google analytics、Google tag manager、客服软件、Facebook pixel、地图等等,可以将这些JavaScript进行延迟执行,我们使用WP Rocket便可以实现这个功能。

image 32

但需要注意的是,采用这条设置后,必须用无痕或无缓存的浏览器打开测试网页是否正常加载。

6.6 – 实施CDN

  1. 在Siteground给网站启用cloudflare CDN —— 适合域名解析服务器使用的是SiteGround的。
  2. Cloudflare教程:如何给网站开通免费的Cloudflare CDN ——我便是使用这种方法给loyseo.com开通CDN的,需要将域名解析服务器换为Cloudflare的。如果你的主机是Cloudways、Hostarmada,那么也建议采用这种方式。
  3. 如何在GreenGeeks给网站开启Cloudflare CDN—— 适合域名解析服务器使用的是GreenGeeks的。
  4. 如何在Chemicloud中给网站开启Cloudflare CDN———— 适合域名解析服务器使用的是Chemicloud的。

第7步 – 保持WordPress安全

7.1 – 保持WordPress更新

拥有安全环境的最重要因素之一是:始终更新和使用最新版本的WordPress、主题和插件。(通常我会保持次新重大版本,对重大新版本进行一段时间的观望,并且主题和插件本身也需要更新以便与WordPress版本保持兼容性)

大多数更新包括安全调整、漏洞修复并防止它们在将来的版本中被黑客利用。

黑客的一种常见做法是运用过时WordPress版本中的已知漏洞去攻击网站。

默认情况下,WordPress在发布新版本后会安排自动更新(并不是立刻更新的),但在某些主机上,它可能并不能自动更新,或者可能该功能被禁用了。

通常,当有新版本的WordPress可供更新时,管理员后台的仪表板的顶部会显示一个通知。

image 34

你也可以通过Dashboard->Updates栏目更新你的主题和插件。

image 35

7.2 – 使用个性化的用户名和密码

请不要使用默认的admin、域名作为管理员的用户名,而是采用个性化的用户名,而密码可以采用系统生成的随机密码(包含字母、数字、特殊字符),增强安全性。

7.3 – 备份WordPress

建议购买能够每日备份(至少最近7天)的主机,这样主机会每日定时备份以备不时之需,同时,主机应支持自主备份和一键还原。

当你在进行网站wordpress、主题、插件更新前,也请做好备份,如果更新出现重大问题,便可以通过恢复备份的方式回滚到历史版本。

你还可以使用UpdraftPlus插件进行网站备份,通常我在进行网站更新升级时使用它进行本地备份,以便遇到异常时快速恢复网站。

最新的WordPress教程

如何手动备份WordPress数据库

内容目录WordPress教程视频 —— 快速了解WordPress建站为什么WordPress如此受欢迎什么是CMS?WordPress.com vs. WordPress.org第1步-安装Wor

如何监视网站是否正常运行

内容目录WordPress教程视频 —— 快速了解WordPress建站为什么WordPress如此受欢迎什么是CMS?WordPress.com vs. WordPress.org第1步-安装Wor

教程 分类

Copyright © LOYSEO.COM