如何在 WordPress 中将首页标题修改为“副标题 + 主标题”格式？

在 WordPress 网站优化中，首页标题（Title）的设置对 SEO 和用户体验至关重要。默认情况下，WordPress 的首页标题格式通常是“主标题 – 副标题”，但有时我们可能需要将其调整为“副标题 + 主标题”的形式

本文将详细介绍两种实现这一目标的方法：通过代码修改和使用 SEO 插件。无论你是开发者还是普通用户，都能找到适合自己的解决方案。

方法一：通过代码修改（推荐使用子主题或自定义插件）

如果你熟悉 WordPress 开发，或者愿意尝试一些简单的代码修改，可以通过在主题的 functions.php 文件中添加自定义代码来实现首页标题的调整。

实现步骤

登录 WordPress 后台，进入 外观 > 主题文件编辑器。
找到并编辑当前主题的 functions.php 文件（建议使用子主题，以避免主题更新时丢失修改）。
在 functions.php 文件中添加以下代码：

function custom_homepage_title( $title ) {
    if ( is_front_page() ) {
        // 获取主标题和副标题
        $site_name = get_bloginfo( 'name' ); // 主标题
        $site_description = get_bloginfo( 'description' ); // 副标题

        // 重新组合标题
        if ( ! empty( $site_description ) ) {
            $title = $site_description . ' - ' . $site_name;
        } else {
            $title = $site_name;
        }
    }
    return $title;
}
add_filter( 'pre_get_document_title', 'custom_homepage_title' );

代码解析

custom_homepage_title 函数：用于修改首页标题。
is_front_page()：判断当前页面是否为首页。
get_bloginfo('name')：获取网站的主标题。
get_bloginfo('description')：获取网站的副标题。
add_filter：将自定义函数挂载到 pre_get_document_title 过滤器上，以便在生成页面标题时应用修改。

注意事项

如果你使用的是第三方主题，建议创建一个子主题，并在子主题的 functions.php 文件中添加代码，以避免主题更新时丢失修改。
修改后，清除浏览器缓存并刷新首页，检查标题是否生效。

方法二：使用 SEO 插件（适合不熟悉代码的用户）

如果你不熟悉代码，或者希望以更简单的方式实现标题修改，可以使用 SEO 插件来完成。以下以 Yoast SEO 插件为例，介绍具体操作步骤。

实现步骤

安装并激活 Yoast SEO 插件：
- 进入 WordPress 后台，点击 插件 > 安装插件。
- 搜索 “Yoast SEO”，安装并激活。
设置首页标题：
- 进入 SEO > 搜索外观。
- 在常规选项卡中，找到首页部分。
- 在标题字段中，输入你想要的标题格式，例如：
  复制
```
%%tagline%% - %%sitename%%
```
  其中：
  - %%tagline%% 代表副标题。
  - %%sitename%% 代表主标题。
保存设置：
- 完成设置后，点击 保存更改。