如何隐藏WordPress站点标题与描述，修改标签为div后仍可视怎么办

问题排查及解决方案 #

你遇到的情况有以下几种可能的原因，对应解决方法如下：

1. 缓存未清理导致修改未生效

• 修改主题代码后需要依次清理三类缓存才会看到效果：浏览器本地缓存、站点安装的缓存插件（如WP Rocket、W3 Total Cache等）生成的页面缓存、如果站点接入了CDN服务还需要清理CDN节点缓存，清理完成后再强制刷新页面试效。

2. 仅替换标签未添加隐藏样式

• 你只将h1、h2标签替换为div标签，没有添加隐藏相关的CSS规则，对应内容会沿用原有标签的样式渲染，自然会在前端显示。你可以直接修改输出代码，给这两个div添加行内样式：

// 原来替换后的代码类似结构
<div class="site-title">站点名称</div>
<div class="site-description">站点描述</div>

// 修改为添加隐藏属性
<div class="site-title" style="display:none;">站点名称</div>
<div class="site-description" style="display:none;">站点描述</div>

也可以在WordPress后台「外观」-「自定义」-「额外CSS」中添加全局样式规则：

.site-title, .site-description {
    display: none !important;
}

修改后即可实现内容仅在页面源码中存在、前端UI隐藏的效果。
3. 修改的模板文件不正确

• 如果你启用了Delaware主题的子主题，需要修改子主题目录下的header.php文件才会生效，修改父主题文件可能被子主题的同名模板覆盖；另外部分主题会将站点标题的输出逻辑拆分到template-parts目录下的独立片段文件中，你需要确认实际负责输出头部信息的模板文件再做修改。

4. 插件接管了头部输出逻辑

• 检查你安装的SEO插件（如Yoast SEO、Rank Math）、站点优化插件的相关配置，部分插件会强制接管站点头部的标签输出逻辑，导致主题文件的修改不生效，关闭对应配置即可。

内容的提问来源于stack exchange，提问作者anirudh