WordPress 概览

这一课你将能做到

1. 说清楚 CMS 在建站生态中的位置，以及 WordPress 凭什么占据全球四成以上网站
2. 准确区分 wordpress.com 与 wordpress.org，并根据项目选对工具
3. 判断一个需求该走「传统 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（自托管版）。

讲清楚要点

1. WordPress = PHP 8.2+ / MySQL / Web 服务器 三件套：WP 6.x 官方推荐 PHP 8.2 以上，数据库用 MySQL 8 或 MariaDB。你学的 PHP 和 SQL 在这里全部用得上。
2. 主题管「长什么样」，插件管「能干什么」：换皮肤不换功能叫换主题；加表单、加商城、加 SEO 叫装插件。这条边界是整个生态的心智模型。
3. 6.x 时代的核心是 Gutenberg 区块体系：编辑器、主题（区块主题 + Site Editor 全站编辑）、甚至插件都在「区块化」。这是你面试和接单都会被问到的分水岭知识。
4. WP 不是天生的 Headless：它自带模板渲染，Headless 是把它「当后端用」的一种架构选择，代价与收益第 9 课展开。

你可能会懵的地方

• WP 到底是博客系统还是全能 CMS？ 出身是博客，但自定义文章类型（CPT）+ 分类体系 + 插件让它能做商城（WooCommerce）、课程站、企业站。判断标准是内容是否「结构化、可复用」，是就是 CMS 的主场。

• 这么老的系统，为什么大公司还在用？ 编辑后台成熟、内容团队零学习成本、插件生态无人能敌。TechCrunch、BBC America、微软官方博客都是 WP。技术选型看的是总成本，不是新旧。

• 为什么不直接用 Strapi 这类现代 Headless CMS？ Strapi 更轻更现代，但没有 WP 的编辑器体验、插件生态和编辑团队熟悉度。用 WP 做 Headless 的核心理由是「内容生产端已经存在」。

• WordPress 慢是宿命吗？ 不是。默认配置下每次请求都查库渲染，但配好页面缓存 + 对象缓存 + CDN 后，静态命中率 90% 以上。慢的锅通常在乱装插件，不在 WP 本身。第 11 课专门拆。

• 学 WP 还要学前端吗？ 要。6.x 的区块开发本质是 React；走 Headless 更是天天写 Next.js。WP 让你的 PHP 有了用武之地，前端让你的作品集有了门面。

错法对照

错法	问题	正解
去 wordpress.com 找软件下载	那是托管平台，没有可下载的核心	到 wordpress.org 下载开源版
新项目一律上 WP	强交互、复杂状态的应用用框架更合适	内容型站点选 WP，重交互选纯前端框架
把 Headless 当默认架构	失去主题生态，预览/表单都要自建	编辑团队用 WP、前端需求个性化时才拆
用盗版付费插件/主题	最大安全与法律风险来源	官方仓库或正版授权
认为「会装 WP 就会 WP 开发」	装只是运维第一步	后续课程：主题→区块→插件→数据→API

卡点急救

1. Playground 打不开：国内网络对 playground.wordpress.net 可能不稳定，换浏览器或稍后重试；不影响后续课程，本地环境第 2 课就搭起来。
2. 后台全是英文：登录后 Users → Profile → Language 选「简体中文」保存。
3. 分不清官网：记一句话——.org 是软件之家（下载、文档、插件仓库），.com 是商业托管服务。

面试常问

• CMS 和直接用框架建站的核心区别？ CMS 把内容与展示解耦，非技术人员可自助管理内容；框架方案内容变更要发版。选型看内容更新频率与内容运营者是谁。

• wordpress.com 和 wordpress.org 的区别？ .com 是 Automattic 的商业托管平台，开箱即用但扩展受限；.org 是开源软件，自托管、完全可控，二次开发和 Headless 都基于它。

• 什么是 Headless CMS，优缺点是什么？ 只保留内容管理与 API 交付，前端交给独立框架。优点：前端技术自由、性能可控、攻击面缩小；缺点：失去主题生态、编辑预览与表单等能力要自建。

自测三问

1. WordPress 运行需要哪三项基础环境？分别是什么版本要求？
2. 主题和插件的职责边界是什么？各举一个例子。
3. 你的课程目录站更适合传统 WP 还是 Headless？说出一条决定性理由。

小结一句话

WordPress 是以 PHP + MySQL 为底座、主题管展示插件管功能的内容管理系统；认清 .com/.org 之别与传统/Headless 两条路线，后面的每一课都是在把这两条路线走通。

延伸

• WordPress 官方文档
• Learn WordPress 官方教程平台
• 下一课：环境搭建——用 Local 与 Docker 把 WP 6.x + PHP 8.2 跑在本机。