你是否想过在不同页面显示不同菜单,其实根据页面内容展示不同的导航菜单是一种常见的需求。例如,首页可能需要精简菜单,而产品页面或落地页则可能需要更加聚焦的导航结构。使用 Astra 主题时,可以非常方便地为不同页面设置不同的菜单,不用你编写任何代码。
本文将介绍三种实现方式,适用于不同的使用场景。
方法一:使用 Astra Pro 的 Page Headers 模块设置不同菜单
这是最直接的做法,适合想在某些页面更换主菜单时使用,不用安装额外插件。
步骤如下:
安装并激活 Astra Pro 插件
前往仪表板,Astra > Astra Pro Modules,启用 Page Headers 模块
创建新的页面页眉(Page Header),点击“Add New”,并进行命名
切换到 Site Header 标签,选择你希望使用的主菜单(Primary Menu)
在 Display Rules 中选择要应用该菜单的页面或文章
点击发布,设置完成
设置后,所选页面将自动加载你指定的菜单,而其他页面不受影响。
注意:此方法仅适用于更换主菜单,不适用于页眉中其他内容,如按钮、小工具等。
方法二:使用 Astra Pro 的 Site Builder 创建自定义页眉
如果需要的不只是更换菜单,而是整个页眉的样式、内容都要变动,比如切换 Logo、添加特殊按钮等,可以使用 Astra Pro 的 Site Builder 模块构建一套独立的页眉,并设置在特定页面显示。
这种方式适合需要更大程度自由设计的页面,比如品牌页面、促销页面等。
方法三:使用 Conditional Menus 插件
如果网站有多个菜单,并且希望灵活地在不同页面之间切换菜单,可以使用免费的 Conditional Menus 插件。
使用步骤:
在后台安装并启用 Conditional Menus 插件
前往 外观 > 菜单,选择你想要设置条件的菜单
点击 管理位置(Manage Locations)
添加显示条件,选择要在哪些页面显示当前菜单
保存设置后,菜单将根据不同页面动态切换
这种方法特别适合需要跨多个页面频繁切换菜单的情况,设置灵活、操作简单。
总结
无论是首页、落地页,还是某些特殊的服务页面,不同菜单结构可以帮助访问者更快找到所需内容。在 Astra 主题中,有三种常见的实现方式:
Page Headers 模块:适合快速替换主菜单
Site Builder 模块:适合设置整个页眉样式
Conditional Menus 插件:适合有多个菜单并需按页面切换的情况
根据实际使用场景选择合适的方式,可以让网站导航更清晰、更高效。