WordPress已开启顶部页眉选项后如何添加首页页眉文字

按操作优先级从低到高（优先选不用改代码的方案）尝试即可：

方案1：排查主题自定义面板的隐藏设置项 #

大部分主题开启Top Header开关后，文字输入入口不会和开关放在同一区块：

• 进入后台「外观-自定义」面板，依次查看和顶部栏、页眉、通知公告相关的设置分组，常见命名为顶部栏内容、页眉公告、Top Bar Content，部分主题会把配置项放在「页眉构建器」模块中，点击可视化编辑界面里的顶部页眉空白区域，右侧会自动弹出文本输入框，直接填入All island delivery available保存即可。
• 切换到自定义面板的「小工具」分类，查看是否存在名为Top Header/顶部页眉的小工具挂载区域，如果有，直接添加「段落」或「自定义HTML」组件，输入目标文字保存即可。

方案2：通过小工具挂载（零代码） #

如果自定义面板里找不到对应配置，直接走后台小工具设置：

• 进入后台「外观-小工具」页面，找到主题预留的顶部页眉小工具区域
• 添加「段落」组件，输入文字All island delivery available，设置好对齐方式后保存，清空站点缓存后刷新前台即可看到效果。

方案3：子主题插入代码（无预留挂载位时使用） #

如果主题没有给顶部页眉预留小工具位置，不要直接修改父主题文件，先安装启用对应主题的子主题，避免主题更新后修改被覆盖：

1. 进入后台「外观-主题文件编辑器」，右侧选中当前启用的子主题
2. 找到顶部页眉对应的模板文件，通常命名为top-header.php、header-top.php，也可以直接打开header.php查找top header的渲染代码段
3. 在需要显示文字的位置插入如下代码：

<p class="custom-top-header-text">All island delivery available</p>

4. 如需调整文字样式，进入「外观-自定义-额外CSS」，添加对应样式代码即可，参考示例：

.custom-top-header-text {
  margin: 0;
  padding: 6px 0;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}

5. 保存文件后清空站点缓存，刷新前台即可生效。

注意：修改代码前建议提前备份站点文件，避免操作失误导致站点报错；如果站点开启了缓存插件、CDN缓存，所有修改完成后务必清空缓存再查看效果。

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