如何为Avada主题WordPress站点动态切换页面头部？

我正好有不少处理Avada主题头部动态切换的经验，给你几个靠谱的方案，从主题自带功能到自定义代码都有，你可以按需选择：

方案一：用Avada自带的「自定义头部」功能（最省心，零代码） #

这是Avada官方提供的原生功能，完全不用写代码就能实现不同页面用不同头部：

• 登录后台后，进入 Avada > Header Options，找到「Custom Headers」（自定义头部）板块，点击「Add New Header」添加新头部
• 按照你的需求设计这个自定义头部：调整logo、导航菜单、布局样式、颜色等，和默认头部做出区分
• 设计完成后，在头部编辑页面的「Display Rules」（显示规则）里，设置这个头部要应用的页面：可以选特定页面、分类页、自定义文章类型，甚至能排除某些不需要的页面
• 保存设置后，刷新对应页面就能看到效果了，这个方法对新手友好，而且Avada会自动处理所有逻辑

方案二：自定义页面模板配合条件头部（适合批量统一设置） #

如果需要给某一类页面（比如所有博客文章、产品页）统一用特殊头部，用页面模板更高效：

• 进入 Avada > Page Templates，创建一个新的自定义页面模板
• 在模板编辑界面，找到头部设置选项，选择你之前创建好的自定义头部，或者直接在模板里调整头部的样式配置
• 编辑需要特殊头部的页面，在右侧「Page Attributes」（页面属性）里，把模板切换成你刚创建的自定义模板
• 这样所有用这个模板的页面都会自动应用对应的头部，适合批量管理同类型页面

方案三：自定义代码实现（极端个性化需求） #

如果上面的原生功能满足不了你的复杂条件（比如根据页面自定义字段、用户角色切换头部），可以用代码实现：

注意：一定要用子主题的functions.php文件修改，不要直接改Avada父主题文件，否则主题更新后代码会丢失！

1. 先找到你的自定义头部ID：进入Avada > Custom Headers列表，鼠标悬停在目标头部上，浏览器地址栏会显示post=XXX，这个XXX就是头部ID
2. 在子主题的functions.php里添加以下代码（根据你的需求修改条件）：

function custom_switch_avada_header($default_header_id) {
    // 获取当前页面ID
    $current_page = get_the_ID();
    
    // 示例1：给ID为123的页面切换到ID为45的自定义头部
    if ($current_page == 123) {
        return 45; // 替换成你的目标头部ID
    }
    
    // 示例2：给slug为"indy-style"的页面切换到另一个头部
    if (get_post_field('post_name', $current_page) === 'indy-style') {
        return 67; // 替换成对应的头部ID
    }
    
    // 其他自定义条件可以在这里扩展，比如根据分类、用户角色等
    // if (is_category('news')) { return 89; }
    
    // 默认返回原头部ID
    return $default_header_id;
}
add_filter('avada_custom_header_id', 'custom_switch_avada_header');

3. 保存文件后，清一下Avada的缓存（Avada > Performance > Purge All Cache），然后刷新页面测试效果

额外注意事项 #

• 你的站点是dev环境，正好可以放心测试所有方案，不用怕影响正式站点
• 如果修改后没看到效果，试试强制刷新页面（Ctrl+F5），或者检查Avada的缓存是否清理干净
• 如果你对代码不熟悉，优先用前两个方案，原生功能足够覆盖大部分场景

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