前言
在本篇教程中,您将学会从零开始使用 WordPress 构建网站。本篇教程内容包括:WordPress 介绍、域名注册、 主机介绍、 如何安装 WordPress 系统、选择主题和插件、优化网站加载速度、保障网站安全方法。
什么是 WordPress
如果你是首次听说 WordPress ,点击链接访问官网先了解下!WordPress 是一套开源的 CMS 框架,他的强大之处主要体现在:主题、插件和生态圈。主题和插件可以帮助各位站长打造自定义需求的网站;生态圈体现在,通过浏览器搜索 WordPress 关键词时,能够在网上找到很多教程文章。
WordPress 知名度
截至 2024 年 8 月,WordPress 拥有超过 43% 的全球网站市场份额。这个数据来源于 W3Techs,W3Techs 是个提供网络技术使用统计的网站。以下是一些使用 WordPress 构建的著名和权威的网站:The White House (美国白宫)、BBC America (英国广播公司美国版)、The New Yorker (纽约客)、Microsoft News (微软新闻)。这些网站涵盖了从政府机构到大公司、新闻机构、学术机构等多个领域。
WordPress.com 和 WordPress.org 的区别
WordPress 的优点
- 主题和插件的安装或卸载,感觉像是在搭积木一样且数量庞大。
- 无需专业的编程技术。如果,你想搭建一个简单的博客网站大概只要几分钟。如果你想搭建简单的企业网站,选一个主题,更换下里面的内容即可。当然如果要做复杂的功能和自定义的样式是需要花点功夫的。
- 兼容搜索引擎优化,主要针对的谷歌搜索引擎。
- 归属。 购买的域名、主机以及网站中的一切数据,都归你或你的公司。 当然也需要自己去续费。
WordPress 的缺点
- 俗话说 “ 人怕出名猪怕壮 ”,WordPress 因为名气很大,遭受到的外部攻击也较多。
- 主题和插件种类数量太多,让人目不暇接。
- 重复使用相同功能的插件,会让网站速度变的越来越慢。就比如你的 Windows 电脑那样,时间越久速度越慢。
小结
建站的准备工作
无论是自学建站、找建站公司或是找个人工作室建站都应该先想清楚以下几个问题,让你少走弯路。
- 明确网站的类型:个人博客、自媒体、内容资讯、电子商务、展示型外贸网站等。
- 整理网站的架构:参考竞品网站、网站目录结构、包含哪些功能模块、产品分类等。
- 资料素材的准备:网站文章内容、产品详细资料、公司介绍和联系方式等。
- 了解成本的支出:域名、服务器按年购买续费、购买主题和插件正式版、人员成本或寻找外包团队建站,将根据项目的难易度增加额外的费用。
- SEO白帽:关键词的策略制定、网站SEO技术优化。
- SEM推广:SEM的关键词、广告的投放。
- 网站优化:网站打开速度的性能优化,例如:图片、视频、插件工具优化页面文件大小。
友情提示:
- 整理高质量的原创内容。一篇 Google 首页有排名的文章抵得上几百篇低质量文章。
- 白帽SEO技术出效果是非常慢的,见效周期在3~6个月。
- 网站内容优化、网站 SEO 技术支持、持续做社媒增加外链,都能提升网站的流量。
- SEM 投放费用高,一旦你停止投放流量就会下降。最好的方式是与白帽SEO同步进行,等SEO效果起来后就降低SEM的投放预算。
网站框架结构图
网站结构图:能够直观地展示网站的整体结构和各个页面之间的关系,无论是自己建站或者找人建站,都能把项目的功能需求梳理清楚,在项目执行的各个阶段都会起到作用。例如,测试阶段可对比下是否符合最初既定目标。
WordPress 建站流程图
域名介绍
域名:是互联网中用来标识和定位网站的唯一地址。它是由字母、数字和符号组成的,通常以 “ .com “、” .cn ” 等后缀结尾。域名就像是网站的 ” 门牌号 “。通过它,用户可以方便地找到网站,而不需要记住复杂的数字IP地址。
域名服务商
想要制作跨境的外贸网站,强烈建议去海外服务商购买域名。以上是几家比较常见的域名注册平台。
GoDaddy:公司历史最悠久、全球最大的域名注册公司。
Hover:价格页明码标价,无须担心后续出现隐藏续费或附加服务费用。
NameCheap:所有域名均自动启用隐私功能,保护注册者信息不被滥用。
NameSilo:坚持行业最低的日常域名价格,无隐藏费用,注册及续费价格透明公开。
Hostinger:域名注册与续费价格透明,无隐藏费用,常年优惠力度大。
域名注册需要注意的事项
- 建议选择 .com 后缀的通用域名。
- 好记的、行业相关的词。
- 域名中不含数字。
- 国外平台买域名不用备案。
友情提示:许多服务商为吸引新用户,提供了主机套餐很优惠。例如,购买虚拟主机首年可以获得域名、企业邮箱免费的使用权一年。
域名管理常见的操作
- 域名续费
- 域名迁移
- 域名 DNS 解析
- 域名解析指向设置
友情提示:域名和主机建议在同一个品牌下购买。在同个品牌购买可以不用做域解析。
服务器介绍
服务器(主机):提供云端空间和技术支持的科技公司。允许用户将网站文件存储在其服务器上,使网站能够在互联网上访问。也可以理解为,存放项目文件的远程电脑。
服务器类型
虚拟主机 & WordPress主机:虚拟主机和 WordPress 主机从主机的性能上是差不多的。 区别是 WordPress 主机主要针对 WordPress 系统做了兼容的优化。使用 WordPress 程序建站首选 WordPress 主机。
独立主机 & VPS 主机:独立主机、Cloud 主机、VPS 主机,虽然叫法不同但性能上差不多。独立主机主要用于做带有支付功能的电商网站,如果预算充足个人博客、企业展示型网站也可以选择独立主机。
虚拟机和独立主机的区别
- 模式:虚拟机是合租,独立主机是独享。
- 性能:CPU 的使用率差异较大,将会影响网站加载的速度。虚拟机 CPU 性能顶多发挥出 1/3 的功效。
- 安全:共享虚拟主机的好坏会对你造成影响。网站的排名可能会收到影响。
服务器购买注意事项
- 购买虚拟主机有优惠多,赠送域名一年使用权。
- 虚拟主机也包括多种套餐,不要买最低档的配置。
- 搭建个人博客网站可选 WordPress 主机。
- 搭建小型展示网站可选 WordPress 主机。
- 跨境电商网站建议选择高性能的独立主机。
友情提示:服务器配置与价格成正比;服务器的好坏决定网站的打开速度和 SEO 的排名;购买主机时货比三家,祝大家都能买到称心如意的外贸服务器。
安装 WordPress 系统
安装 WordPress 需要在 PHP 系统环境下进行。虚拟主机都会自带操作系统,例如:Hostinger 有自研的 HPanel 后台管理系统。VPS 主机需要你自己去安装操作系统,例如:Hostinger VPS 主机可以去安装宝塔服务器管理系统。
Hostinger HPanel 服务器管理面板
宝塔服务器管理面板
购买国外虚拟主机后,通常已集成 WordPress 管理面板。只需跟着安装向导填写网站名称、描述,再设置管理员用户名及密码,点击“提交”即可自动完成 WordPress 系统部署。全程无需 FTP 或数据库操作,3 分钟快速建站,非常适合新手入门。
使用 Hostinger 虚拟主机安装 WordPress 流程
强密码:网站的密码强烈建议设置复杂的强密码,确保网站被攻击时密码不容易被破解。
新手建议:如果你是首次使用 HPanel 安装,可以根据安装向导一步步操作。如果你对安装流程已经很熟悉了,建议直接安装空白的网站。安装向导推荐步骤只适合新手。
预制的网站主题:系统预制的网站主题仅供学习使用,想要制作更加高级、美观的网站,需要去其他平台挑选。
预制的网站插件:Hostinger 还会为我们准备常用的功能插件。与主题推荐一样,我们不建议在这里安装,当我们的网站需要此功能时,可以去在 WordPress 后台系统中进行安装。
设置的网站域名:当你域名也是在 Hostinger 购买可以立刻使用;如果在域名其他平台购买需要做域名解析。如果还没有购买域名,Hostinger 为我们提供了临时域名,让我们先体验建站的流程。
等待几分钟,系统会自动安装。如图,安装成功后显示的后台操作界面。左侧功能对应网站的基本功能。
- 文章:发布文章、产品信息等。
- 媒体:上传文件、图片、视频。
- 页面:发布内容聚合页、产品落地页、公司介绍页、联系我们页等。
- 评论:用户评论和留言内容。
- 外观:改版网站的风格,可自定义网站基本信息、标语、颜色、字体等。
- 插件:按功能需求寻找对应的插件,完善网站的功能。高级功能基本都是付费的。
- 用户:注册用户的信息收集。
- 设置:修改网站的基本信息。
主题介绍
主题:是用于定义和控制 WordPress 网站外观和功能展示的一整套文件。包括配色、排版、页面结构等视觉元素,同时控制着文章展示、导航菜单等交互功能。
用户不用自己做设计,也不需要写代码。想要更换主题,可通过 WordPress 后台的主题功能,搜索 > 安装 > 启动 快速实现网站风格的切换。主题如同网站的皮肤,是塑造品牌形象的核心。
如何挑选 WordPress 主题
Astra:代码质量高、主题安装和导入网站数据很方便、免费的模版多、后台设置主题的功能强大、主题名气响、免费的教程多、新手学习友好,遇到问题去谷歌网上搜到容易找到解决方案。
Blocksy:免费的主题模版多,缺点是主题少。更喜欢 Blocksy 的设计风格。
ThemeForest:海量的 WordPress 主题模版、 价格在 $20 – $80 左右。购买主题后永久有效可在后台直接更新(破解版不行)。WoodMart 、Flatsome、Porto 等出色的电商主题都是出自 ThemeForest。 做展示型的外贸主题可以选择 Avada、 The7 、Betheme。 Avada 主题全球销量已超 100w 套而且还在持续更新迭代。
友情提示:Astra 和 Blocksy 有免费的主题适合初学者入门。 ThemeForest 的主题都是付费主题,主题款式多。
主题的安装
找到并点击左侧栏目 外观 > 主题 > 安装主题 , 然后搜索 Astra 下载 > 安装 > 启用 即可。
安装导入模版库的必备插件,点击安装并激活。
左侧是 AI 建站,右侧是导入预制的主题模版。选择 Build With Templates。
Astra 主题兼容多种页面构建器插件。强烈推荐中间的 Elementor 构建器插件。
Astra 已经为网站类型做了详细分类,大家根据自己的网站类型去挑选主题。
设置网站的 Logo,字体,背景颜色。这里可以先随意,将来也能在主题设置中进行二次编辑。
安装模版时会推荐一些功能插件。灰色部分时模版必备插件,其他 6 个是可根据网站需求去决定是否安装。例如,eCommerce 是电商网站插件、 Video Player 是可以插入视频的插件 、Free Live Chat 是在线客服插件。
Astra 想要收集的用户反馈信息,可以忽略不填。
全部确认后,执行导入主题模版的数据。安装成功的网站首页效果预览,和模版效果一模一样。
WordPress 主题使用心得
想要熟练掌握 WordPress 主题的使用方法,就是不断尝试使用各种主题熟能生巧。遇到任何问题,在谷歌搜索引擎或去热门的 AI 工具把问题描述清楚获得答案。只有通过自己努力找到并解决问题才会不断进步。
插件介绍
插件:依赖于 WordPress 系统的功能模块组件。可以通过后台安装、启动、使用,也可以通过后台禁用或删除。通过安装插件,可灵活扩展网站功能;例如电商插件、表单插件、网络安全插件、SEO 插件、社交工具插件等。
常用的插件分类
- 页面构建插件:提供定制化的页面构建功能,如所见即所得的编辑方式、自由拖拽完成页面的制作。
- 功能模块型:专注某一功能,如表单、邮件、SEO 优化。
- 安全防护型:如防火墙、安全扫描、数据库优化、备份恢复工具。
- 高级应用型:将 WordPress 转变为电商网站 WooCommerce 插件。
构建页面的插件
Elementor 页面构建器插件:制作页面插件有很多种,Elementor 是最好的页面构建器之一。 本站也是使用 Elementor 建站。
询盘留资的表单插件
表单制作插件:收集用户询盘的必备插件,通常与邮件插件联合使用。将用户的留言内容通过邮件发送到网站管理员账户中。如果不使用邮件插件,仅仅是将表单信息保存的数据库中。
使用说明:WPForms 和 Fluent Forms 是我们用过次数最多的表单插件。WPForms 预制的模版插件有 2000+ 种,几乎涵盖了你能的到的表单内容。Fluent Forms 表单的设计更精致,用户体验更好。
收发邮件的插件
邮件收发插件:与链接第三方的 SMTP 邮件服务器建立连接。承载着网站中,各种邮件收发的需求。例如,用户注册或忘记密码的验证邮件、 用户评论时的审核通知邮件、网站报错时的警告提醒邮件、用户下单购买商品的订单通知邮件。邮件插件是必不可少的插件之一。
使用说明:这 2 款邮件插件的功能和设置方法大同小异。用户可挑选自己喜欢的后台设计风格。
搜索引擎优化插件
搜索引擎优化插件:刚开始的时候,会特别在乎 SEO 的评分机制,感觉评级分数高了排名就会上去,实则不然。SEO 插件是为网站内容而服务的,我们更应该重视内容本身。低质量内容短期收益可能更大,但它有许多不稳定因素,排名上下波动会很大。
使用说明:Yoast 和 Rank Math 都是非常优秀的 SEO 插件。从功能对比差别不大,从使用体验上更偏向 Rank Math。
插件的安装
在后台左侧功能栏找到插件。点击安装插件按钮 > 搜索插件名称 > 安装并启用插件。安装成功后,左侧的功能栏上能够找到新增的插件。
我们还能通过手动上传的方式上传插件。这种上传方式常用于高级的付费插件。
插件的管理
后台插件的管理:启用、禁用、更新、删除、开启或关闭、开启或关闭插件自动更新,以上操作都是基于网站管理才可使用的。
插件的更新:WordPress 系统自带的任务管理,能够自动检测网站、主题和插件版本,并且会根据网站的设定自动更新。
插件使用心得
- 按需安装:插件越多,资源占用越大,速度越慢,只装真正需要的功能插件。
- 插件质量:相同功能的插件只安装其中一种。优先从WordPress官方插件库下载,查看评分、安装量和最新更新日期。
- 保持更新:插件更新补丁修复漏洞,但不要在大版本发布当天立刻升级。建议等3-7天,看用户反馈无大面积报错后再更新。
网站内容发布
想要获取稳定的网站排名和自然的流量,网站的内容设计和制作至关重要。如果你还没有开始创建,我们建议你好好整理网站的内容,否则排名的起起落落可能会影响到你的创作热情。
发布新文章
WordPress 自带内容管理系统。在左侧功能栏找到并点击文章 > 再点击添加文章可进入到文章内容的编辑页面。
发布文章需注意的细节
- 标题:页面/内容的标题,长度 20 ~ 30 个字符最佳,出现焦点关键词。
- 正文内容:围绕焦点关键词展开的正文内容。
- 封面特色图:如果封面图有特色会出现在谷歌搜索媒体区域。
- 简介描述:是文章内容主题介绍,文字字数控制在 120 ~ 150 个字符。描述内容有概率出现在谷歌搜索引擎的文章描述信息中。
- 网站内容页面的链接:关键词相关、控制好长度、容易好记。
发布文章和发布页面的共同点
- 编辑方式相同:都需要设置页面标题、正文内容、描述等信息。
- 可设置特色图像:都能为每篇文章或页面配一张缩略图。
- 支持固定链接:可自定义 URL 别名。
发布文章和发布页面的不同点
- 内容形式:发布文章主要用在博客文章、产品详情。页面主要用于落地页(聚合页)。
- 本质属性:文章是动态的经常需要修改。页面是动态的不经常修改;例如:关于我们页、联系我们页。
关键词监控 & 网站流量统计
当我们做好网站后,需要实时的监控网站的流量以及定期检查网站的内容是否被收录、检查页面和文章的排名情况。这时我们需要用到谷歌的两个监测工具。Google Search Console 和 Google Analytics
Google Analytics:谷歌网站流量监控工具。在你的网站上加上一段监测的代码,48 小时后可以看到有多少人访问了你的网站、他们是从哪里来的、进入网站后做了什么等等。
Google Search Console:谷歌搜索引擎监测工具,国内也称呼为谷歌站长平台。
主要的作用:我的网站通过哪些关键词获得了多少展示与点击、Google 成功索引了我所有的页面吗?有没有404错误、为什么我刚发布的文章没有被 Google 收录、谁在引用我的网站、我的站内链接结构是否健康、我的网站在移动设备上速度够快、体验够好吗
网站速度优化
网站的打开速度对 SEO 的排名至关重要。因为速度快的网站能提供更好的用户体验,从而降低跳出率和提高转化率。此外,搜索引擎会根据网站性能(包括移动端性能)来评估和排名网站,速度慢的网站可能被认为质量较低,从而影响排名。
首先,我们需要知道你的网站性能怎么样? 访问 PageSpeed 网站,输入你的网址进行查询。手机端和桌面设备都需要检查。
然后,根据检测结果对应给网站做优化。例如:升级主机的配置、优化图片的大小、使用 WordPress 插件优化项目文件的大小。
在线图片压缩网站
图片压缩步骤一:建议先用 PhotoShop 工具裁剪图片。建立空白图层 > 设置图片的宽度和高度 > 拉伸图片 > 图片另存为。
图片压缩步骤二:打开在线图片压缩平台 > 将处理后的图片拖拽到只能位置。通过这 2 个步骤,可以压缩掉 90% 且能保证图片本身的清晰度。虽然费时,但有利于 SEO 还不用花钱。
网站速度优化插件
LiteSpeed 插件:它就像网站的高速引擎,尤其能让 WordPress 这类网站的加载速度有质的飞跃。如果你使用的是 Hostinger 主机,系统会自动帮你安装 LiteSpeed 并针对 WordPress 做了优化处理。
建站常见问题汇总
自学建站需要多久?
有编程经验:譬如,PHP、MySQL、服务器知识、前端页面制作。学习速度会,一个月从0到熟悉。3个到熟练,1-3年精通。当然前提是要不断的有项目可做。
没有编程经验:3个月熟悉,1-3年熟练。
插件的安装数量多少合适?
我们给出几条建议:
1、同类型插件只安装 1 种,功能插件功能相同可能会产生兼容性的问题,影响服务器性能。
2、插件总数不要超过 20 个,安装数量太多,消耗了服务器性能。
3、安装插件前,去看看评论。代码的持续更新迭代,让人更有安全感。代码质量优先于数量。
网站制作一般需要多长时间?
简单展示型网站大约 5 – 10 天;中型网站如外贸站、电商网站通常需 2 – 4 周;若涉及定制功能,时间会更长。
做一个网站大概要花多少钱?
费用取决于网站类型。自己用模板建站费用较低(几百至几千元),找专业公司定制开发则可能几千至几万元不等。
网站做好后我可以自己更新内容吗?
可以,像 WordPress 等建站系统都提供可视化后台,支持无代码修改页面、发布文章、上传图片等操作。
网站上线前需要注意哪些事项?
需确保内容完整、无错别字,网站加载速度快、适配移动端,页面布局美观、SEO 基础设置到位,确保链接无 404 等错误。
网站上线后还需要维护吗?
需要。包括定期备份、安全更新、内容优化、插件升级、监测访问情况等,保障网站长期稳定运行。
提示“Error Establishing a Database Connection”,网站打不开?
数据库连接错误,最常见原因是 wp-config.php 中的数据库凭据不正确
总结
WordPress 教程已接近尾声,虽然我已经毫无保留地分享了自己所掌握的建站知识,但仍感觉似乎还有哪些内容尚未提及,仿佛还可以讲得更完整一些。或许真正的建站经验,终究还是要在实践中不断积累、打磨。
如果你觉得我们的 WordPress 教程对你有帮助,能够提升你的建站效率或带来实际收益,欢迎通过我们提供的推荐链接购买相关产品。通过这些链接购买不会增加你的额外费用,但我们可能会获得一部分推广佣金,这将用于持续更新和优化更多高质量内容。


