Topic Idea: Creating advanced navigation with the Site Editor

[tomdevisser]

Details

• Topic title: Creating your navigation with FSE
• Topic description: Something I still haven't figured out is how to create the more complex menu's, like a an off canvas, or mega menu, without using block plug-ins. Can you build these more advanced menu with the core block? Or would you need to code it yourself, and if so, how?
• Objective: Create more advanced menu's, an off-canvas and a mega menu containing text and images.
• Content type: Developer Course
• WordPress version: 6.0
• Will you be creating this content?: No

Related Resources

Links to related content on Learn, HelpHub, DevHub, GitHub Gutenberg Issues, DevNotes, etc.

• Course: Introduction to Block Development
• GitHub Issue: Make nested menu's fully customizable

Next steps for SMEs

Please follow the team handbook "Vetting topic ideas" to vet this topic.

[kaitohm]

Additional info for SMEs triaging this issue: This topic idea is talking about more complex menus that go beyond the capabilities of the Navigation Block. Basic Navigation Block capabilities are covered in:

• How to Create a Menu with the Navigation Block
• How to Create a Menu with the Navigation Block

[annezazu]

Vetting Checklist for SMEs

• Priority: low for end users, medium for devs/agencies.
• Feedback regarding the topic description: I'd target agencies and enterprise more explicitly. That's where this is going to come up more often and where folks are already doing things to work around the current limitations.
• Feedback regarding the learning objectives: I'd talk about a few different approaches rather than just one and make it more general.
• Any other feedback: this is a big topic for agencies and devs but not necessarily end users. Hence my priority ranking.

Related Resources

I want to note that Tammie Lister and Fabian Kägy would be good to chat with on this front as I've spoken to both of them about mega menus in the past in their agency work. It might also be worth seeing what a plugin like this does https://github.com/motopress/getwid-megamenu For context on limitations, please check out this issue: WordPress/gutenberg#23745