How to display conditional menus with Twenty-twenty two theme?
-
With earlier versions of default WordPress themes I was able to display an alternative main menu depending on the category of the given page or post, using this filter in my functions.php:
( In this example we have German and French categories that display menus named German or French. All other categories display the menu named English. )
function my_conditional_menus( $args = '' ) { if (in_category('german')) { $args['menu'] = 'german'; } elseif (in_category('french')) { $args['menu'] = 'french'; } else { $args['menu'] = 'english'; } return $args; } add_filter( 'wp_nav_menu_args', 'my_conditional_menus' );Unfortunately I noticed this solution does not work with the Twenty Twenty-Two theme.
How could I make it useable for this theme?
-
Update:
I installed “Block Visibility” instead of “Conditional Blocks” for the simple reason that I have taken a webinar about full site editing by the author of the former plugin. I expect the latter would also work.
I created two Navigation blocks and used the plugin to show or hide based on log-in status. In the settings for the plugin, I enabled “Full Control Mode”; I think that was needed in order to see the “Visibility” options for the navigation block (but maybe I just overlooked that area in the block settings the first time).
Seems to work just fine. Yay!
I am using the twenty twenty-two theme and trying to display a different header (including a navigation menu in a different language), based on the URL path.
Hi @rhisflow alternatively with the site editor, you can create a custom template that has a different header part. When you create the template you will see an option to edit the content inside the header, this will give you the option to change the menu items and links for this particular template.
You can then assign this template to the pages you pick.
Hi @thelmachido , thanks for your suggestion!
However, I don’t think that actually works, at least I never got it working, which is why I was looking for a solution.
With the new FSE, it seems you can only select one nav menu per header per template, and even if you create a different header in a different template, there’s no way you can implement a conditional logic to determine when the other template should be used (which would require a logic based on the URL path like “if it contains “/en/”, then use this template, etc).
@tracyrosen , I also went down that path with Translatepress to try it and while it can indeed work if you only need to literally translate a single navigation menu, it does not work if you need different menu items in the other languages, which is what I needed.
In other words, you can’t add or remove menu items that way for other languages.
@domainsupport , thanks so much for your recommendation and pointing me in the right direction 🙂 !
I ended up using the Max Mega Menu and after a few hours of setting everything up, it works quite nicely, so I consider this a good solution, thank you 🙂 !
- The topic ‘How to display conditional menus with Twenty-twenty two theme?’ is closed to new replies.
