EP490-493. “写 Blog Post：内容撰写、视频嵌入、Categories & Tags、Post 设置与博客页面设计”
🔒 登录后可标记已读- YouTube 视频嵌错链接是最常见的坑——要复制 Share 按钮给的分享链接，不是浏览器地址栏那串网址
- Category 要少而精，像书的目录；Tag 可以多一点，像书的索引——两者的角色完全不同
- 不设 Featured Image 和 Excerpt，博客列表页可能直接把嵌入代码的原始文字露出来，很难看
重点内容
EP490. 写第一篇 Post
Post（文章）和 Page（页面）用的是同一个 Gutenberg 编辑器，操作手感完全一样，区别是 Post 会进入博客列表（Blog / Article / Tutorial 区，看你怎么命名），Page 是独立的静态页面。
准备工作
路径：WordPress 后台 → Posts
- 把默认自带的示例文章 "Hello World" 移到 Trash（垃圾桶）删掉。
- 点击 Add New 新建文章。
写作 + 排版步骤（以「Digital Marketing Success in Four Steps」为例）
- 填标题：Digital Marketing Success in Four Steps。
- 加一个段落（Paragraph）区块，写开场白抓住读者兴趣（例：说清楚这篇要解决什么问题）。
- 点击文字大小选项，反复点选到自己觉得好看的字号（没有固定数字，靠调整对比效果）。
- 嵌入 YouTube 视频（简单版）：
- 按 Enter 新增一个区块，点击「+」搜索 YouTube，选中它。
- 到 YouTube 视频页面点击 Share 按钮 → 复制那个分享链接（不是浏览器地址栏的网址！）。
- 把复制的链接贴进区块 → 点击 Embed。
- 视频会直接嵌入并自动适配网站排版，能播放、订阅、稍后观看等功能全部保留。
- 加一个 Heading（标题）区块写小标题（例：The Four Simple Steps to Success），设为居中对齐。
- 📌 SEO 提醒：一篇文章只用一个 Heading 1（通常是文章标题本身），后面所有小标题都用 Heading 2，方便搜索引擎理解文章结构（后面课程会细讲）。
- 加一个 Image 区块上传图片。
- 小技巧：点击区块上方的「Change block type」，可以把它转成 Media & Text 区块（图文并排），转换后右边的文字部分本身也能再切换成段落 / 标题 / 列表，非常灵活。
- 写四个步骤（Step 1 / 2 / 3 / 4）时，故意用段落区块而不是列表（Bullet List）区块——因为段落可以自由调整字号，列表不行。
- 区块换行规则：
- 按 Enter：换到新区块。
- 按 Shift + Enter：在同一个区块内换行，不新建区块。
- 取舍：拆成多个区块方便单独拖动排序；合成一个区块方便统一调整格式（字号只需改一次）。
- 随时点击 Preview 检查前台实际效果，觉得图片太小、文字太小可以直接拖拽图片边角调整大小，或重新设置文字字号（例子里从初始字号逐步调整到 18、再到 22）。
[截图：Gutenberg 编辑器里插入 YouTube 区块与 Media & Text 区块的效果]
EP491. 自定义视频 Post（Embed 进阶用法）
📌 习惯提醒：写文章过程中随时点 Save Draft 保存草稿（不会公开发布），Publish 按钮才是真正发布。
EP490 用的是最简单的 YouTube 区块嵌入方式（复制分享链接直接贴上），能用但无法进一步自定义播放器。如果想要更多控制权，或者要嵌入 Facebook 视频这类会给出一串奇怪代码的平台，就要用另一种方法：Custom HTML（Embed）区块。
操作步骤
- 删掉原本的 YouTube 区块，新增一个区块，搜索 Embed / Custom HTML。
- 回到 YouTube 视频页面，点击 Share → 这次选 Embed（不是复制链接），会得到一整段嵌入代码（iframe code）。
- 在复制代码之前，YouTube 提供几个自定义选项：
- 设置起始时间：勾选「Start at」，指定视频从第几秒开始播放。
- 关闭播放器控制条：取消勾选后播放器不显示控制按钮，画面更干净，点击画面中间即可播放/暂停。
- Privacy-enhanced mode（隐私增强模式）：开启后 YouTube 不会在访客浏览器里放追踪 cookie（cookie 和相关免责声明后面课程会细讲）。
- 点击 Copy 复制代码，贴回 Custom HTML 区块 → Preview 查看效果。
- 关键差异：YouTube 区块（EP490 方法）会自动完美适配网站版面；Custom HTML 嵌入的默认比例可能跟网站不搭（例如画面被裁切），需要手动进入代码里找到
width和height参数自己调整（例子里把 height 改成 500 之后画面正常）。 - 不管是嵌入 YouTube、Vimeo、Facebook 还是其他平台的视频，只要用 Custom HTML 方式，都要记得检查并调整 width / height，否则显示比例会跑掉。
📌 两种方法怎么选：不需要额外自定义就用 EP490 的 YouTube 区块（省事、自动适配）；需要调起始时间、隐藏控制条、隐私模式，或者嵌入非 YouTube 平台的视频，就用 Custom HTML。
EP492. Categories 与 Tags
Categories 和 Tags 都有两个作用：帮搜索引擎理解网站内容结构，也帮访客更快找到想看的内容。两者的区别：
- Category（分类）：大范围的分组，像一本书的「目录」。
- Tag（标签）：细碎的关键信息标记，像一本书的「索引」。
使用原则
- Category 要少而精：新手阶段分类越少越好，方便访客导航。建议先用一个很宽泛的分类（例子用 "Courses"），随博客内容增多再慢慢细分——不要一开始就建 10 个、20 个几乎没文章的分类。
- Tag 可以多一些：理论上想加多少都行，但建议每篇文章最多 10 个标签左右，避免失焦。标签不是必须加，但为了 SEO 和站内搜索建议还是加。
在文章编辑页添加 Category / Tag 的步骤
- 右侧面板找到 Categories，点击 Add new category，输入名字（例：Courses），先不设 Parent Category，取消勾选后确认添加。
- 右侧面板找到 Tags，输入标签名按 Enter 即可添加多个（例：Digital Marketing、Branding、Business）。
- 点击 Publish 发布后，前台文章页会显示所属分类，点击分类名可以看到该分类下所有文章。
在 Categories / Tags 后台管理页操作（左侧菜单 Posts → Categories / Posts → Tags）
- WordPress 默认自带一个 Uncategorized 分类，且系统规定每篇文章至少要有一个分类，所以这个默认分类不能直接删除。建议把它改名成更有用的名字（例：改成 "Other"，专门放不好归类的文章）。
- 编辑分类时会看到 Slug 字段：这是分类出现在网址（URL）里的那部分。原则上 Slug 最好跟分类显示名一致（方便访客和搜索引擎理解），全部用小写字母。
- Parent Category（父分类）：可以把分类做成层级结构，例如 Courses 作为父分类，底下再建 Business Courses、Digital Marketing Courses 等子分类，网站内容变多时非常好用。Tag 没有这种层级关系，不分父子。
- Description（描述）字段可以给分类写说明，但是否显示在前台取决于主题（例子里用的 OceanWP 主题不会显示）。
- 批量操作：勾选多个分类或标签，选择 Bulk actions（如 Delete）→ 点击 Apply，可以一次处理多个。
EP493. Post 设置与 Blog 页面设计
Post 的设置面板和 Page 大部分相同，但有几个 Post 专属的选项。
Post 专属设置项
| 设置项 | 说明 |
|---|---|
| Post Format | 可选 Gallery / Link / Quote / Standard / Video / Audio 等格式，但多数主题（包括本课用的 OceanWP）不支持特殊样式，Gutenberg 本身已经足够灵活，基本用不上 |
| Stick to the front page | 把这篇文章置顶，配合「文章列表」类型的 widget 使用时，这篇会固定显示在最前面 |
| Revisions（修订记录） | 每次大幅修改文章/页面，WordPress 会自动保存历史版本，可以按日期回溯，点击 Restore this revision 还原到某个版本 |
| Permalink | 文章网址，可以手动编辑精简（例：把默认的完整标题网址改成更短的 "digital-marketing-success"），对访客体验和 SEO 都更友好 |
| Categories & Tags | 同 EP492 |
| Discussion | 控制是否允许评论，以及 Pingback / Trackback（有 RSS 订阅或社交媒体联动时，其他站点会收到「这里有新内容」的通知），建议保持开启 |
| Post Attributes | 选择文章模板，本课不使用 |
| Image Gallery | OceanWP 主题专属功能，后面课程才会讲，暂时不用管 |
让博客列表页变好看：Featured Image + Excerpt
发布后如果直接去看 Blog 列表页，默认效果通常很难看——只有一小段文字（甚至会把视频的嵌入代码原始文字也显示出来），需要靠下面两步优化：
- Featured Image（特色图片）：右侧面板点击 Featured Image → 从 Media Library 选一张能代表这篇文章的图片（没有的话先 Upload files 上传）→ Update。列表页会显示这张图，比纯文字好看很多。
- Excerpt（摘要）：默认摘要是自动截取文章正文最前面的内容，如果前面刚好是嵌入代码就会显示得很乱。手动去正文里挑一段自己喜欢的文字，复制贴到 Excerpt 输入框，Update 后列表页就会显示这段摘要 + 「Continue Reading」链接。
调整整个博客列表页的显示方式
路径：Customize → Blog → Blog Entries
- Excerpt length（摘要长度）：默认只显示摘要，如果想让列表页直接显示全文，把这个数值改大（例：500），效果是列表页从"摘要+Continue Reading"变成显示完整文章内容。
- 还有 Infinite Scroll（无限滚动） 等选项可以设置列表页往下滚动自动加载更多文章。
检查 Permalink 全局设置
路径：Settings → Permalinks
- 确认选中的是 Post name（网址格式类似 网站域名/文章标题），而不是默认的纯数字格式。多数用 Bluehost + 常见主题安装的网站默认就是对的，但用别的主机商或主题安装时可能不是，一定要检查确认，这对访客体验和 SEO 都很重要。
- 改完记得点 Save Changes。
核心概念速查
| 术语 | 解释 | 例子 |
|---|---|---|
| Category（分类） | 大范围的内容分组，像书的目录，建议少而精，随内容增多逐渐细分 | Courses（课程类文章都归在这里） |
| Tag（标签） | 细碎的关键词标记，像书的索引，一篇文章可以加多个 | Digital Marketing、Branding、Business |
| Parent / Child Category | 分类可以做层级，父分类下再建子分类，Tag 没有这种层级 | Courses（父） → Digital Marketing Courses（子） |
| Slug | 分类 / 文章在网址里显示的那一段文字 | 分类名 "Other"，Slug 可设为 resources |
| Excerpt（摘要） | 手动或自动生成的文章简介，显示在博客列表页 | 摘要文字 + "Continue Reading" 链接跳到全文 |
| Featured Image | 代表一篇文章的封面图，显示在博客列表和分享预览里 | 列表页每篇文章旁边的缩略图 |
行动步骤
- 删掉 Hello World 示例文章，新建自己的第一篇 Post，写标题、正文段落，调好文字大小。
- 需要简单嵌入 YouTube 视频用 YouTube 区块（复制 Share 链接贴上）；需要调起始时间/隐藏控制条/隐私模式或嵌入非 YouTube 平台，就用 Custom HTML 区块（复制 Embed 代码，记得手动调整 width/height）。
- 全文标题结构注意用一个 Heading 1、其余用 Heading 2。
- 建一个宽泛的 Category（例：Courses），加最多 10 个左右的 Tag。
- 把默认的 Uncategorized 分类改名成有用的名字（如 Other），Slug 保持小写并跟名字一致。
- 设置好 Featured Image 和 Excerpt，让博客列表页显示正常、好看。
- 去 Settings → Permalinks 确认选中 Post name，保存。
- 写作过程中随时 Save Draft，确认没问题再点 Publish。
工具 & 资源
| 工具 | 用途 | 费用 |
|---|---|---|
| Gutenberg 编辑器 | WordPress 内置的区块编辑器，写 Post 和 Page 通用 | 免费（WordPress 自带） |
| YouTube Share / Embed 功能 | 获取分享链接（简单嵌入）或 Embed 代码（自定义嵌入，可调起始时间、隐藏控制条、隐私增强模式） | 免费 |
| 30+ Blog Post Templates（课程资源 PDF） | 30 多个 Blog 文章模板，写不出内容或想换风格时可以参考 | 免费（随课程附带） |
常见误区
- 嵌入 YouTube 视频时直接复制浏览器地址栏的网址，而不是用 Share 按钮的分享链接——格式会跑掉，显示位置很奇怪。
- 用 Custom HTML 方式嵌入视频后不检查 width / height，导致视频比例跟网站排版不搭、画面被裁切。
- 文章里所有小标题都用 Heading 1，没有分级——搜索引擎无法理解文章结构。
- 一开始就建一大堆 Category，结果每个分类底下只有一两篇文章，访客导航体验反而更差。
- 标签堆到几十个，失去索引的意义。
- 放着默认的 Uncategorized 分类不管，导致分类混乱。
- 不设置 Featured Image 和 Excerpt，博客列表页显示得很难看（甚至把嵌入代码原始文字露出来）。
- 用非默认主机/主题装网站后，没检查 Settings → Permalinks 是否选中 Post name，网址格式对 SEO 不友好。
Sources
Udemy（课程 transcript）：
- The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 490 Write a Post
- The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 491 Customize Video Posts
- The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 492 Categories & Tags
- The Completed Digital Marketing Guide 27 in 1 — Section 33, Lecture 493 Post Settings & Blog Design
PDF 资料：
- [30+Blog+Post+Templates.pdf](sources/Section 33 - WordPress Masterclass/30+Blog+Post+Templates.pdf)