本文介绍一种安全、高效的方法：通过 CSS 选择器精准作用于首页 .entry-summary 内的 HTML 元素（如 、），使其视觉上“消失”或退化为纯文本样式，避免 PHP 层面过滤导致内容截断或格式异常。
本文介绍一种安全、高效的方法：通过 css 选择器精准作用于首页 `.entry-summary` 内的 html 元素（如 ``、``），使其视觉上“消失”或退化为纯文本样式，避免 php 层面过滤导致内容截断或格式异常。
在 WordPress 主题开发中，直接用 strip_tags() 或 wp_strip_all_tags() 处理 the_excerpt() 虽然能移除 HTML，但存在明显风险：
- 摘要可能被意外截断在 HTML 标签中间，造成输出损坏；
- 手动编辑的富文本摘要（如加粗、链接）将彻底丢失语义与可访问性；
- 修改需侵入模板逻辑，难以维护且易与子主题/插件冲突。
因此，推荐采用「CSS 视觉降级」策略——保留原始 HTML 结构，仅通过样式隐藏其表现效果。该方案完全符合您的需求：仅作用于首页（.home），不影响分类页、文章页等其他上下文。
✅ 推荐实现（纯 CSS，零 PHP 修改）
将以下代码添加至主题的 style.css 文件末尾，或通过「外观 → 自定义 → 额外 CSS」注入：
/* 仅对首页 .entry-summary 内的链接禁用交互并重置样式 */
.home .entry-summary a {
pointer-events: none; /* 禁用点击/悬停 */
color: inherit; /* 继承父级文字色，避免突兀蓝色 */
text-decoration: none; /* 移除下划线 */
font-weight: normal; /* 防止加粗干扰 */
}
/* 重置 strong/em 标签的强调效果 */
.home .entry-summary strong,
.home .entry-summary em,
.home .entry-summary b,
.home .entry-summary i {
font-weight: normal;
font-style: normal;
color: inherit;
}
/* 可选：隐藏 img、blockquote 等块级元素（按需启用） */
.home .entry-summary img,
.home .entry-summary blockquote,
.home .entry-summary ul,
.home .entry-summary ol {
display: none;
}⚠️ 注意事项：
立即学习“前端免费学习笔记（深入）”；
- 此方案不修改 HTML 源码，完全依赖 CSS，因此对 SEO 和屏幕阅读器友好（语义仍存在）；
- 若需彻底移除某类标签（如
<script></script>），请务必改用服务端过滤（如wp_kses_post()），但首页摘要通常无需此操作；- 如主题未为首页添加
.homebody class，请确认是否启用了「静态首页」设置（后台 → 设置 → 阅读），否则需改用.blog或自定义 body class。
✅ 验证方式
打开首页，右键检查 .entry-summary 区域内的链接或加粗文字：应无下划线、不可点击、无额外加粗，视觉效果与纯文本一致，而源码中 HTML 标签依然存在——这正是安全与可控的平衡点。
