WordPress 概览
CMS、.com vs .org。
WordPress 概览
这一课你将能做到
- 说清楚 CMS 在建站生态中的位置,以及 WordPress 凭什么占据全球四成以上网站
- 准确区分 wordpress.com 与 wordpress.org,并根据项目选对工具
- 判断一个需求该走「传统 WordPress」还是「Headless WordPress(WP + Next.js)」两条路线中的哪一条
为什么要学
WordPress 不是「博客软件」,它是用 PHP 写的内容管理系统(CMS):把「内容」(文章、页面、商品)和「展示」(主题、前端)拆开管理。你要改样式不用动数据库,要发内容不用碰代码——这就是 CMS 解决的核心问题。
为什么值得学?第一,全球超过 43% 的网站由 WordPress 驱动,接单市场和企业维护需求极大;第二,它与 php-essentials 课程天然衔接,是你 PHP 功底最直接的落地场景;第三,本站 java-nav 的前端是 Next.js,而 WordPress 恰好可以作为它的 Headless CMS 内容后台——学完这条线,你就能独立交付「内容后台 + 现代前端」的完整产品。
先建立图像
一次网页请求,在两种架构下的旅程:
传统 WordPress(全家桶):
浏览器 → Nginx/Apache → PHP(WP核心 + 主题 + 插件) → MySQL → 渲染好的 HTML
Headless WordPress(前后端分离):
编辑者在 WP 后台写作 → 内容存入 MySQL
↓ REST API (/wp-json/...)
浏览器 → Next.js 前端 → 拉取 JSON 数据 → 渲染/预渲染页面
区别一句话:传统模式里 WordPress 既管内容又管显示;Headless 模式里 WordPress 只当「内容仓库 + 编辑后台」,显示交给 Next.js 这类前端框架。
跟着做
步骤 1:零安装在线体验后台
打开 WordPress Playground(官方提供的在线运行环境),浏览器里直接启动一个 WP 6.x 站点。点击右上角「进入后台」或访问 /wp-admin/,用默认账号登录。
重点看左侧五个一级菜单:
- 文章 / 页面:两类核心内容,前者有时序(博客),后者有层级(关于我们)
- 外观:主题、编辑器(6.x 的 Site Editor 站点编辑就在这里)
- 插件:功能扩展,全站能力之源
- 用户:角色与权限的入口
- 设置:站点标题、固定链接(重要,第 9 课 REST 路由和它有关)
步骤 2:用一行命令验证「内容即接口」
在 Playground 站点域名后拼上 /wp-json/wp/v2/posts,或本地终端执行:
curl -s "https://playground.wordpress.net/wp-json/wp/v2/posts?per_page=2&_fields=id,title"
你会收到 JSON。这就是 WordPress REST API——内容不用写模板也能被任何程序消费,Headless 的地基就在这一行输出里。
步骤 3:填一张 .com vs .org 对照表
wordpress.com wordpress.org
软件来源 托管服务(商业) 免费开源软件
自己装吗 不用,注册即用 要自己买服务器安装
装第三方插件 付费计划才有 完全自由
改代码/主题 受限 随便改
数据归属 在 Automattic 平台 数据库在你手里
适合 个人博客快速起步 正经项目、二次开发、Headless
本课程后续所有内容都基于 wordpress.org(自托管版)。
讲清楚要点
- WordPress = PHP 8.2+ / MySQL / Web 服务器 三件套:WP 6.x 官方推荐 PHP 8.2 以上,数据库用 MySQL 8 或 MariaDB。你学的 PHP 和 SQL 在这里全部用得上。