You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress分类页标题修改:使用Custom CSS将分类链接页标题改为News

WordPress分类页标题修改为News的CSS方案

注意:CSS本身没有直接修改DOM文本的能力,以下方案通过隐藏原有标题、追加伪元素内容的方式实现效果,需要先匹配你当前主题的标题选择器。

  • 第一步:获取当前分类页标题的选择器
    在浏览器打开目标分类页,按F12打开开发者工具,点击左上角元素选择按钮,选中页面原有标题,在元素面板即可查看标题对应的类名/ID,常见WordPress主题的分类页标题选择器为.category .page-title、.archive-header h1。
  • 第二步:添加自定义CSS代码
    进入WordPress后台→外观→自定义→额外CSS,插入以下代码,将代码里的你的标题选择器替换为你上一步获取的实际选择器即可:
/* 隐藏原有标题文本 */
你的标题选择器 {
  font-size: 0;
  color: transparent;
  visibility: hidden;
  position: relative;
}
/* 插入新的News标题 */
你的标题选择器::after {
  content: "News";
  font-size: 32px; /* 可根据站点原有标题字号调整 */
  color: #000; /* 可根据站点原有标题颜色调整 */
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
}
  • 常见问题处理
    如果添加代码后不生效,优先检查选择器是否匹配,也可以给对应属性加!important提高优先级,比如content: "News" !important;;如果显示位置不对,可调整伪元素的left、top、边距等参数适配站点样式。

内容的提问来源于stack exchange,提问作者Ashvina Abi

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 08:57:05