Classic Menu in Navigation Block

Classic Menu in Navigation Block

WebMan Design | Oliver Juhas

Extending WordPress Navigation block with functionality to display classic menus.

What problem does it solve?

Do you experience problems making your website navigation multilingual when using block theme (FSE – full site editing)?
Are you using a plugin that modifies classic menu but not Navigation block and you are using block theme?

Classic Menu in Navigation Block plugin lets you display classic menus in Navigation block so you can gain from using classic menu modification plugins and yet display the menu with accessibility, customization and responsive features of Navigation block.

This method is particularly useful when building a multilingual website and your multilingual plugin does not handle Navigation block very well. You can simply “revert” back to using classic menu, which multilingual plugins supports out of the box.

You can do changes to your classic menus and Navigation block will always display up to date version of the menu.

To speed things up the plugin also applies caching for your classic menus converted to blocks. This cache is updated every time you update your classic menu. If you are using a very dynamic classic menu modification plugin, you can even disable the cache.

Got a question or suggestion?

In case of any question or suggestion regarding this plugin, feel free to ask at support section, or at GitHub repository issues.

How does it work?

  1. In Appearance Menus create a classic menu and assign it to a menu location.
  2. In site editor (Appearance Edit) modify your Navigation block to display the menu location.
  3. Preview the results on front-end of your website. Your Navigation block now displays your classic menu and yet it keeps all its functionality.

My menu experiences issues!

Depending on your multilingual plugin, you may experience some issues with your menus. Such as multiple current (active) menu items. To resolve these issues, try to disable block menu cache in Appearance Menus Classic Menu in Navigation Block.

Can I disable cache?

Yes, you can do so in Appearance Menus Classic Menu in Navigation Block. This is helpful when your multilingual plugin renders classic menus dynamically.

Does it work with Polylang plugin?

Yes.

Does it work with WPML plugin?

WPML can translate Site Editor and navigation block, so there is no need to use this plugin with WPML.

But if you decide to use Classic Menu in Navigation Block with WPML, make sure to disable the block menu cache (Appearance Menus Classic Menu in Navigation Block “Block menu cache”), and translate the modified block theme templates and/or template parts (WPML Translation Management, or check the WPML documentation for more info).

Where are plugin options?

You can find them at Appearance Menus Classic Menu in Navigation Block.

Perfect!

By Gloria Liuni (glorialchemica) on July 2, 2024

Thank you for this plugin. I'm ready for FSE, but my customers are not. 😊

This way they can manage the menu without risking deleting anything.

Exactly what needed

By davisvilums on April 22, 2024

Great job, maybe needed some polishing, but it provides exactly that is needed. Gives the Classic Menu Admin and ability to style.

It would be great to see the classic menu working on the edit mode when the menu is selected, otherwise it is a little confusing, is it selected or not.

Please see the changelog.md file for details.

  1. Unzip the plugin download file and upload classic-menu-in-navigation-block folder into the /wp-content/plugins/ directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. Plugin works immediately after activation by adding a new settings options to WordPress native Navigation block in block and site editor. It also enables Appearance Menus admin screen for block themes (FSE – full site editing) and registers several menu locations.

Reviews

5 out of 5 stars

  • Version: 1.0.4
  • Last updated: 5 days ago
  • Active installations: 100
  • WordPress version: 6.2
  • Tested up to: 6.7
  • PHP version: 7.0