在WordPress建站实践中，许多开发者喜欢利用Divi主题结合页面构建功能，打造出个性化的“自定义仪表盘”（Custom Dashboard），用于给客户或团队成员提供简洁的后台管理界面。然而，一个常见的烦恼是：这些用作仪表盘的页面上，往往仍显示着网站原本的头部（Header）和菜单（Menu），破坏了专属仪表盘应有的极简和专业感。近期，不少开发者社区对此问题展开了热烈讨论，而一套行之有效的解决方案也浮出水面。本文将为读者详细解读如何借助Divi主题的灵活设置，精准从特定页面移除头部和菜单。
为什么需要移除头部和菜单？
在典型的企业站或SaaS平台中，后台仪表盘通常只保留功能模块和核心数据，而不应包含导航菜单、Logo、搜索栏等面向公众的元素。如果客户登录后看到的仍是一个完整的“前台页面”，不仅体验打折，还容易造成操作混淆。因此，将某个页面“净化”为纯粹的操作面板，已成为WordPress深度定制中的刚需。
方案一：利用Divi自带的“页面设置”功能（推荐新手）
Divi主题本身提供了分层级的页面控制能力。针对单个页面，我们可以通过以下操作关闭全局头部：
- 进入后台，编辑目标页面（比如名为“Dashboard”的页面）。
- 在页面编辑器的上方，点击“启用Divi构建器”（如果已使用Divi构建，则直接进入“页面设置”）。
- 在Divi设置面板中，找到“页面设置”选项卡下的“隐藏页面标题”和“隐藏页面导航”开关。注意： 这里的“隐藏页面导航”通常控制的是菜单显示，但Divi有的版本中需要结合“Header & Navigation”区块设置。
- 更精确的做法是：在Divi主题选项里，将全局“默认布局”中头部显示设为“始终显示”，但针对特定页面，在“自定义CSS”或“页面布局”中选择“隐藏头部”。
但部分用户反映，Divi的“隐藏页面标题”不影响由主题全局控制的Header和Menu区域。此时需要采用更强力的方法。
方案二：使用Divi的“主题生成器”创建专属头部（推荐进阶用户）
Divi 4.0+引入了强大的“主题生成器”（Theme Builder），允许为不同页面布局分配不同的模板。我们可以创建一个空白头部，然后分配给目标页面：
- 进入 Divi → Theme Builder，点击右上角“添加全局头部”。
- 在弹出的构建器中，不添加任何模块（或者仅添加一个空区域），然后保存。
- 回到Theme Builder页面，找到“页眉”分配区域，点击齿轮图标，选择“条件赋值”（Assign Conditions）。
- 在条件规则中，选择“页面” > “特定页面”，然后选择你的自定义仪表盘页面。
- 保存后，该页面将应用这个空头部，从而实现“无头”效果。
此方法优势在于不影响其他页面，且无需编写代码，是当前最推荐的主流方案。
方案三：通过钩子函数添加自定义CSS或PHP（代码党专用）
对于追求极致控制权的开发者，可以通过子主题的 functions.php 文件或插件来注入代码。例如：
add_action('wp_head', function() {
if (is_page('dashboard')) {
echo '<style>header#main-header, .et_pb_section.et_pb_header { display: none !important; }</style>';
}
});
或者使用Divi提供的过滤器：
add_filter('et_theme_builder_template_headers', function($headers, $post_id) {
if ($post_id == 123) { // 替换为目标页面ID
return [];
}
return $headers;
}, 10, 2);
需要提醒的是，修改主题文件前务必做好备份，并优先使用子主题。
注意事项与最佳实践
- 缓存问题：修改后请清除WordPress缓存和浏览器缓存，确保实时生效。
- 移动端适配：如果移除头部导致空白区域，可适当使用自定义CSS调整Padding。
- 页面模板冲突：确保仪表盘页面未继承带有固定头部的特殊模板（如全宽模板）。
结语
移除特定页面上的网站头部和菜单，看似简单，实则关乎用户体验的细腻程度。借助Divi的主题生成器或少量代码，我们完全可以实现“该有的有，该无的无”。无论是为客户构建专属后台，还是创建无干扰的登录后首屏，掌握这一技巧都将显著提升WordPress项目的专业度。希望本文提供的三种方法，能帮助你在实际开发中更从容地应对此类需求。
（字数：约950字）