WordPress设置空白标题页面为首页时标题显示异常如何解决

问题原因：WordPress默认标题生成规则为「当前内容标题 + 分隔符 + 站点名称」，当被设为首页的页面本身无标题时，生成逻辑不会自动跳过空字段，就会出现 - TechNeg这类前导位置留空、分隔符前置的异常。

修复方案 #

方案1：补全首页页面标题（零代码无副作用，优先推荐） #

• 登录WordPress后台，进入「页面」列表，找到被设置为首页的空白标题页面
• 进入页面编辑页，在标题输入框填写你需要的首页标题内容，比如站点全称、站点slogan均可
• 点击更新保存页面，刷新前端即可看到正常的title显示
  如果不想让这个标题在页面正文区域展示，可以通过主题的「隐藏页面标题」设置，或者自定义CSS隐藏正文块的标题即可，不会影响head区域title标签的正常输出

方案2：添加主题过滤代码（适合需要保留页面标题为空的场景） #

• 如果业务需求必须保留该页面标题为空，可以通过修改主题函数文件修正title生成逻辑
• 操作路径：后台进入「外观」-「主题文件编辑器」，选中当前启用的主题（优先使用子主题，避免主题更新覆盖修改），找到functions.php文件
• 在文件末尾粘贴如下代码：

// 修正空首页标题的分隔符前置问题
add_filter('pre_get_document_title', 'fix_empty_homepage_title', 20);
function fix_empty_homepage_title($title) {
    // 首页场景下自动补全标题
    if (is_front_page()) {
        $trimmed_title = trim($title);
        if (empty($trimmed_title) || str_starts_with($trimmed_title, '-')) {
            // 可自行修改下行的标题内容，默认格式为「站点名 - 站点描述」
            $title = get_bloginfo('name') . ' - ' . get_bloginfo('description');
        }
    }
    return $title;
}

• 保存文件后清空站点缓存（安装了缓存插件、服务器缓存的都要清），刷新前端即可生效。

方案3：通过SEO插件自定义首页title（适合已安装SEO插件的站点） #

• 如果站点已经安装Yoast SEO、Rank Math、All in One SEO这类SEO插件，不需要改代码也不需要填写页面标题
• 直接进入对应SEO插件的标题设置页面，找到首页title配置项，手动设置你需要的首页标题格式，插件会自动覆盖WordPress默认的title生成规则，从根源避免空标题导致的分隔符前置问题。

校验提示：修改完成后建议用浏览器无痕模式访问首页，右键查看页面源码，找到<title>标签确认内容显示正常，排除缓存导致的修改不生效问题。

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