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
相关产品推荐
相关产品推荐

