如何在 WordPress/WooCommerce 中添加第二个响应式菜单？答案

【问题标题】：How do I add a second responsive menu in WordPress/WooCommerce?如何在 WordPress/WooCommerce 中添加第二个响应式菜单？
【发布时间】：2016-04-22 22:56:04
【问题描述】：

我正在经营一家 WordPress 商店。我正在使用 WooCommerce 插件。

我需要添加第二个响应式菜单。问题是，菜单项会根据页面而变化。例如，“商店”页面和“关于”页面的菜单需要不同。

如果没有 WooCommerce（在纯 WordPress 中），我只需为每个页面使用不同的标题模板（通过使用页面模板）。在 WooCommerce 中，它的工作方式似乎有所不同。

我不想使用插件。我该怎么做？

【问题讨论】：

您也可以对 woocommerce 页面遵循相同的概念。它会起作用的。例如“商店”页面的不同头文件，“关于”页面等不同的头文件。
最简单的解决方案：您还可以保留一个菜单，然后在更改的菜单项上添加类。之后，根据您的页面类型或页面 ID，在您的 CSS 文件中 display 或隐藏这些项目。

标签： wordpress responsive-design woocommerce

【解决方案1】：

如果您可以访问源代码，则可以在 PHP 中使用条件。

例如：

if(is_page(('shop')) : 
    ('your_shop_menu'); // consider fix this php, it's example only (you can use is_shop() when is Woocommerce Home Shop)
elseif(is_page(('about')) : // You can use page's slug
    ('your_about_menu'); // consider fix this php, it's example only
else : 
    ('your_default_menu'); // or empty if you don't need menu
endif;

请看

https://docs.woothemes.com/document/conditional-tags/ https://codex.wordpress.org/Conditional_Tags

编辑：您可以通过 WP Admin 管理不同的菜单

商店页面菜单
关于页面的菜单

【讨论】：