如何用Elementor在无Site Editor主题中自定义页眉页脚并为闪屏页隐藏导航

一、编辑主题现有页眉/页脚模板（Elementor操作） #

• 登录WordPress后台，进入Elementor > 模板页面
• 在顶部筛选栏选择「页眉」或「页脚」，找到目标模板后点击「编辑」进入Elementor编辑器
• 按需修改页眉/页脚的布局、内容，完成后点击「更新」保存模板

若主题原生页眉/页脚未使用Elementor模板，需先替换为Elementor模板（需Elementor Pro）：

• 进入Elementor > 主题构建器，点击「添加新」选择「页眉」或「页脚」
• 设计符合需求的新模板，设置显示条件为「整个网站」，保存后即可替换原有主题的页眉/页脚

二、针对闪屏页条件隐藏导航菜单 #

方法1：Elementor原生条件控制（推荐，需Elementor Pro） #

• 打开页眉模板的Elementor编辑器，选中导航菜单模块
• 在左侧面板切换到「高级」标签，找到「条件显示」选项，点击「添加条件」
• 设置规则为「排除」>「页面」> 选择你的闪屏页，保存模板后，导航菜单将在闪屏页自动隐藏

方法2：自定义代码实现（无需Elementor Pro） #

方式A：页面级自定义CSS

• 打开闪屏页的Elementor编辑器，点击左下角齿轮图标进入「页面设置」
• 在「高级」>「自定义CSS」中添加代码（替换.nav-menu为实际导航菜单的类名，可通过浏览器F12工具查看）：

.nav-menu {
    display: none !important;
}

方式B：全局PHP代码

• 将以下代码添加到主题的functions.php文件，或使用自定义代码插件（如Code Snippets）：

add_action('wp_head', 'hide_nav_on_splash');
function hide_nav_on_splash() {
    // 替换123为你的闪屏页ID（可在后台页面列表查看）
    if (is_page(123)) {
        echo '<style>.nav-menu { display: none !important; }</style>';
    }
}

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