How to Create a Menu with the Navigation Block - Tutorial

[courtneyr-dev]

Topic Description

Navigate your way around your website with the aid of the navigation block. This tutorial will walk a user through how to create a menu with the navigation block in the site editor of updated 6.4. The tutorial will use the 2024 theme.

• Adding pages to a current navigation
• Setting up a new navigation menu
• How to move navigation items to different locations
• How to create a second navigation menu to use in a second location such as the footer or sidebar.

Objective

• Learn the different blocks that can be used within the navigation block.
• To have the user feel more at ease when creating a website’s navigation menu.
• To increase awareness of UX/UI design principles and accessibility and how these things make navigating a website easier to use.

Related Resources

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

• 5.9 https://learn.wordpress.org/workshop/how-to-create-a-menu-with-the-navigation-block/ ( goes to the Lesson plan link)
• 5.9 https://learn.wordpress.org/tutorial/how-to-create-a-menu-with-the-navigation-block/
• 5.9 https://learn.wordpress.org/lesson-plan/how-to-create-a-menu-with-the-navigation-block/
  6.2 https://wordpress.tv/2023/07/12/demystifying-the-navigation-block-how-to-set-up-your-sites-navigation-now-and-in-the-future/

Guidelines

Review the [team guidelines] (https://make.wordpress.org/training/handbook/guidelines/)

Tutorial Development Checklist

• Vetted by instructional designers for content idea
• Provide feedback of the idea
• Gather links to Support and Developer Docs
• Review any related material on Learn
• Define several SEO keywords to use in the article and where they should be prominently used
• Description and Objectives finalized
• Tutorial created and announced to the team for Q/A review
• Tutorial reviewed and ready to publish
• Tutorial submitted and published to WPTV
• Tutorial published on WPTV
• Tutorial captioned
• Tutorial created on Learn.WordPress.org
• Tutorial post reviewed for grammar, spelling, etc.
• Tutorial published on Learn.WordPress.org
• Tutorial announced to Marketing Team for promotion

SEO keywords-

• navigation block
• how to create a menu
• navigation menu items
• navigation bar
• list view
• select menu

[courtneyr-dev]

Needs to be revised: WordPress/gutenberg#37454

[azhiya]

Please review WordPress/Documentation-Issue-Tracker#297

[abhansnuk]

This is published on Learn WP, and needs some revisions for 6.0. Putting it back into the earlier column, in discussions with Hauwa and Courtney.