通过 CSS 隐藏首页文章摘要中的 HTML 标签（如 、），既保留编辑器手动格式控制的灵活性，又确保首页展示简洁统一。
通过 css 隐藏首页文章摘要中的 html 标签（如 ``、``），既保留编辑器手动格式控制的灵活性，又确保首页展示简洁统一。
在 WordPress 主题开发中，首页（Home）与分类页（Category）、文章页（Single）常需差异化处理内容渲染逻辑。你当前使用 the_excerpt() 输出摘要，并希望仅在首页移除或弱化 HTML 标签的视觉影响——但注意：直接“删除” HTML 可能破坏语义结构或导致意外截断；更稳健的做法是视觉隐藏而非逻辑剥离，尤其当你已在编辑器中手动添加 <strong></strong>、链接等增强可读性的标签。
推荐采用 CSS 方案（如答案所提），原因如下：
- ✅ 无需修改 PHP 逻辑，避免
wp_strip_all_tags()或strip_tags()带来的潜在风险（如误删换行、破坏嵌套结构）； - ✅ 保持后台编辑自由度：作者仍可在“摘要”字段中使用简单 HTML，不影响其他页面（如分类页）的样式表现；
- ✅ 性能友好：纯前端控制，无额外 PHP 处理开销。
以下是针对 .home 页面的精准 CSS 规则（建议添加至主题的 style.css 或自定义 CSS 区域）：
/* 仅作用于首页 */
.home .entry-summary a {
pointer-events: none; /* 禁用链接交互 */
color: #3d3d3d; /* 统一文字颜色，消除超链接样式 */
text-decoration: none; /* 移除下划线 */
}
.home .entry-summary strong,
.home .entry-summary b {
font-weight: normal; /* 弱化加粗效果 */
}
.home .entry-summary em,
.home .entry-summary i {
font-style: normal; /* 弱化斜体效果 */
}
/* 可选：隐藏其他常见内联标签（按需启用） */
.home .entry-summary span,
.home .entry-summary sup,
.home .entry-summary sub {
font-size: inherit;
vertical-align: baseline;
}
⚠️ 注意事项：
- 确保主题正确为首页 body 添加了
home类（WordPress 默认会为首页添加.home和.blog类，可通过浏览器开发者工具验证）； - 若使用
<!--more-->截断或自定义摘要生成逻辑，请确认.entry-summary结构未被覆盖； - 如需彻底移除 HTML（不推荐），可在首页条件判断中改用
wp_strip_all_tags(get_the_excerpt())，但务必配合apply_filters('get_the_excerpt', ...)以兼容插件钩子，且需注意可能丢失空格与换行。
总结：优先选择 CSS 隐藏策略，兼顾维护性、兼容性与用户体验；将样式逻辑与内容逻辑解耦，是构建健壮 WordPress 主题的关键实践。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
