CodeRoadMap
首页路线题库资源库文章社区
CodeRoadMap

程序员的学习成长路线图。内容免费开放,登录后可同步路线图与课时进度。

由 程序员柏风 独立维护 · 关于作者

学习

  • 路线图
  • 课程
  • 面试题
  • 文章
  • 我

更多

  • 资源
  • 社区
  • 关于作者
  • 内容说明

© 2026 CodeRoadMap

津ICP备2026012044号-1·津公网安备12011002026155号·coderoadmap@126.com
WordPress 开发入门/课时/WordPress 概览
RawBlame
课时目录12 节

WordPress 开发入门

  1. 01WordPress 概览
  2. 02环境搭建
  3. 03主题开发
  4. 04区块编辑器
  5. 05插件生态
  6. 06Hooks 与 CPT
  7. 07PHP 架构
  8. 08数据库
  9. 09AJAX 与 Headless
  10. 10安全加固
  11. 11性能与运维
  12. 12综合练习

WordPress 概览

CMS、.com vs .org。

30 分钟

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 在这里全部用得上。
  • 主题管「长什么样」,插件管「能干什么」:换皮肤不换功能叫换主题;加表单、加商城、加 SEO 叫装插件。这条边界是整个生态的心智模型。
  • 6.x 时代的核心是 Gutenberg 区块体系:编辑器、主题(区块主题 + Site Editor 全站编辑)、甚至插件都在「区块化」。这是你面试和接单都会被问到的分水岭知识。
  • 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 跑在本机。
    加载本节练习…
    下一课 →环境搭建