Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add WordPress Navigation Menu in Posts / Pages

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Do you want to add a WordPress navigation menu to your posts or pages?

By default, you can only display menus in the locations set by your WordPress theme. However, sometimes, you may need to add a menu to a specific post or page or even show the menu inside a page’s content.

In this article, we will show you how to add a WordPress navigation menu to posts and pages.

How to add WordPress navigation menu in posts / pages

Why Add a WordPress Navigation Menu in Posts / Pages?

A navigation menu is a list of links pointing to important areas of a website, usually located in the header. These links can help visitors find what they are looking for, improve the customer experience, and keep people on your WordPress website for longer.

An example of a WordPress navigation menu

The exact location of your menu depends on your WordPress theme. Most themes let you show menus in multiple areas, but sometimes, you may need to add a navigation menu to a post or page.

For example, you may want to add a unique menu linking to all the products mentioned on a specific sales page.

You can also use menus to display related posts on your WordPress blog. By placing this navigation menu at the end of a blog post, you can encourage readers to check out more of your content.

With that being said, let’s see how you can add a WordPress navigation menu to any post or page. Simply use the quick links below to jump straight to the method you want to use:

Method 1: Using the WordPress Navigation Block (Best for Individual Pages and Posts)

The easiest way to add a WordPress navigation menu to posts and pages is by using the built-in Navigation block. This allows you to show a navigation menu anywhere on a page or post, but you must manually add each menu.

This is a great method if you need to control the exact menu location on each page. However, it can be time-consuming and frustrating if you want to add the same navigation menu to lots of pages and posts.

To get started with this method, simply open the page or post where you want to add a WordPress navigation menu. Then, click on the ‘+’ button to add a new block to the page.

Adding a navigation block to a WordPress page or post

In the popup, type in ‘Navigation.’

When the right block appears, give it a click to add it to the page or post.

Adding a new block to a WordPress page or post

The Navigation block will show one of your menus by default.

If you want to add a different menu instead of the main menu, then open the ‘Block’ tab. Then, you need to select the ‘List View’ tab.

The List View tab, in the WordPress block editor

Here, you can click on the three dots next to ‘Menu’ to view all the available menu options.

Then, simply choose the menu name that you want to use instead or create a new menu.

Choosing a different WordPress navigation menu

Sometimes, you may want to customize the menu by adding more links. For example, if you run an online store on WooCommerce, then you might link to all the eCommerce products mentioned on that page.

To go ahead and add custom links to the navigation menu, click on the ‘+’ icon in the ‘List View’ tab.

Adding page links to a WordPress menu

This opens a popup with different options.

To add a link to any page on your WordPress site, just click on ‘Page Link.’

adding page links to a WordPress menu

You can now either choose a page from the dropdown menu or start typing in the page title. When the right page shows up, click to add it to the custom menu.

To add more pages to the navigation menu, simply repeat the same process described above.

Adding links to WordPress

You can also add social icons to a WordPress menu, which will encourage people to follow you on Twitter, Facebook, YouTube, LinkedIn, and more.

To get started, click on the ‘+’ icon in the ‘List View’ tab. This time, select ‘Social Icons.’

Adding social sharing icons to WordPress

This adds a new area where you can add social icons.

To get started, click on the new ‘+ Click plus to add’ section.

Adding social icons to WordPress

Now, select the social media network you want to link to.

For example, you can choose ‘Twitter’ to promote your Twitter page in WordPress.

Adding a Twitter icon to WordPress

After that, you will need to configure the social icon.

The exact steps will vary depending on the social network. However, you will typically need to click to select the icon and then type in the URL for your social media profile.

Adding a Twitter link in WordPress

Simply repeat these steps to add more social icons to the navigation menu.

Finally, you may want to add a search bar to your WordPress menu to help people find interesting pages, posts, products, and more.

WordPress has a built-in search feature, but it is basic and doesn’t always provide accurate results. That’s why we recommend using a WordPress search plugin to improve your site search.

Even better, if you choose an advanced plugin like SearchWP, then it will replace the default WordPress search. After configuring the plugin, all the search boxes across your site will use SearchWP automatically, including any search boxes in your navigation menus.

No matter whether you are using the built-in WordPress feature or an advanced plugin like SearchWP, simply select ‘Search’ to add a search bar to the menu.

Adding a search bar to a WordPress navigation menu

When you are happy with the menu’s content, you may want to change how it looks.

You can change the menu’s layout, including its alignment and orientation, by selecting the ‘Settings’ tab.

How to style a WordPress navigation block

After that, you can change the background color, text color, typography, and more by selecting the ‘Styles’ tab.

As you make changes, the live preview will update automatically. This means you can try lots of different settings to see what works best for your WordPress blog.

Customizing the WordPress menu in a page or post

There are lots more settings you can configure, but this is all you need to add a helpful WordPress navigation menu to a post or page.

Pro Tip: If you plan to use the same navigation menu across multiple pages and posts, then it’s smart to turn it into a reusable block or a pattern in the WordPress block editor. This can save you a ton of time and effort.

When you are ready to make the navigation menu live, just click on either the ‘Update’ or ‘Publish’ button.

How to add a WordPress menu to a page or post

Now, if you visit this page or post, you will see the navigation menu in action.

Method 2: Using the Full Site Editor (Block Themes Only)

If you only want to add a navigation menu to a few posts and pages, then method 1 is a great choice. However, you will need to add each menu manually, so this isn’t the best option if you want to show the same menu across your entire website.

If you are using a block-based theme such as Hestia Pro, then you can add a WordPress navigation menu to the page or post template.

This menu will then appear across all your pages or posts without you needing to add it manually. This is perfect if you always want to show the same navigation menu in exactly the same place.

To get started, go to Appearance » Editor in the WordPress dashboard.

Selecting the Full-Site Editor from the WordPress admin panel

You will now some menus on the left side panel.

To add a navigation menu to your WordPress pages or posts, click on ‘Templates’ on the left sidebar.

Selecting the Templates menu in WordPress Full Site Editor

The editor will now show all the templates that make up your WordPress theme.

To add a navigation menu to your WordPress blog posts, select the ‘Single’ template. If you want to add a menu to your pages instead, then select the ‘Page’ template.

Choosing a WordPress block-based template

WordPress will now show a preview of your chosen template.

To edit this template, go ahead and click on the small pencil icon.

Editing a single WordPress template

With that done, click on the blue ‘+’ icon in the top left corner.

In the search bar that appears, type in ‘Navigation.’

Adding a Navigation block to a block-based template

When the right block shows up, drag and drop it onto your template.

By default, the block will show one of your menus. If you want to add a different menu instead, then click on the ‘Block’ tab. After that, select ‘List View.’

The List View tab in the WordPress full site editor

You can now click on the three dots next to ‘Menu’ to see all the menus you have created on your WordPress website.

Simply select any menu from the list.

Adding a navigation menu to a page or post template in a block-enabled theme

With that done, you can add more pages to the menu, add a search bar, and more by following the steps in method 1.

When you are happy with how the navigation menu looks, click on the ‘Save’ button to make it live. Now, if you visit your site, then you will see the same navigation menu across all your WordPress pages or posts.

For more information, you can check out our complete beginner’s guide to WordPress Full Site Editing.

Method 3: Creating a Custom WordPress Theme (More Customizable)

Another option is to create a custom WordPress theme. This is a more advanced method, but it gives you complete control over where the menu appears in your posts or pages.

In the past, you would need to follow complicated tutorials and write code to build a custom WordPress theme. However, it’s now possible to easily create your own themes using SeedProd.

SeedProd is the best drag-and-drop WordPress page builder, and Pro and Elite users also get an advanced theme builder. This allows you to design your own WordPress themes without writing any code.

The SeedProd theme customizer

For step-by-step instructions, please see our guide on how to create a custom WordPress theme (without any code).

After creating a theme, you can add a navigation menu to any part of your WordPress website.

Simply go to SeedProd » Theme Builder and find the template that controls the layout of your posts or pages. This will typically be ‘Single Post’ or ‘Single Page.’

Creating a custom theme using SeedProd

This will open the template in SeedProd’s drag-and-drop page builder.

In the left-hand menu, scroll to the ‘Widgets’ section. Here, find the Navigation Menu block and drag it onto your layout.

Adding a navigation widget using the SeedProd page builder plugin

After that, click to select the Navigation Menu block in the live preview.

Now, open the ‘Select Menu’ dropdown and choose the menu you want to show.

Adding a navigation menu to a page or post template using SeedProd

You can now type an optional title into the ‘Title’ field. This will appear above the WordPress navigation menu.

To preview how the menu will look on your website, click on the ‘Apply’ button.

Previewing a navigation menu in a WordPress page or post

Next, you may want to style the menu by clicking on the ‘Advanced’ tab.

If you added a title, then you can change the text color, adjust the typography, and add more space between the heading and the menu items.

Customizing a navigation menu using SeedProd

You can also change the color and font used for the menu items.

Simply use the ‘Text Typography’ and ‘Text color’ settings to make these changes.

Customizing a navigation menu using SeedProd

After that, you can change the spacing, add custom CSS, and even add CSS animations using the settings in the ‘Advanced’ tab.

When you are happy with how the menu looks, go ahead and click on the ‘Save’ button in the SeedProd toolbar. Then, select ‘Publish.’

Choosing a different WordPress navigation menu

Now, if you visit your website, then you will see the new page or post layout in action.

Learn More Ways to Customize Your Navigation Menu

Want to take your navigation menu to the next level? Here are some expert guides you can read to customize your navigation menu:

We hope this article helped you learn how to add a WordPress navigation menu to posts and pages. You may also want to check out our guide on how to create a landing page with WordPress or see our expert picks for the must-have WordPress plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

21 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    It is possible to easily create a breadcrumb menu this way, or it is necessary to use a plugin. Can Gutenberg do the same?

    • WPBeginner Support says

      For creating breadcrumbs we recommend using a plugin instead of this method as you would need to create the breadcrumbs on each page for the specific post.

      Admin

  3. Ralph says

    I wanted to add custom menu that is different than topbar menu to 5 or 6 special articles and will use first method. It would be time consuming for more posts, as it is manual, but for 5 articles will take half an hour max. Thanks for detailed guide with screenshots. It really helps a lot.

  4. Pier says

    The Shortcode Menu didn’t work for me on the new WordPress 5.x, with Block editor. It failed getting the correct menu.
    I solved by installing another plugin, named “Shortcodes ultimate”

    • WPBeginner Support says

      It has not been updated in a while but it is currently available in the repository :)

      Admin

  5. sharon says

    Does anyone know how to do this, but as a search box, so you can click on and list comes up , if that makes sense , as my list would be about 20 links and that wont look great on the page

  6. StacyN says

    Has anyone discovered an alternate plugin to the Shortcode Menu one (which is not supported and discontinued some time ago)?

  7. Tamo says

    I had to make mine by hand, because of vertical listing (up to 50 page of content on selected topic) Simply doesn’t look good in page.

    As of plugin, this one is abandoned I believe. I found Shortcodes Ultimate by ( Vladimir Anokhin ) to be extremely helpful.

  8. Andrea says

    Thank you!! I have been looking for a way to display a menu on a page that has a hover feature and this is perfect. My only issue is in the dropdown sub-menu the first link doesn’t align with the others. Is there a way to fix this in the Custom CSS without having to download the code hero plugin?

    Thanks :)

  9. Jose Gonzalez says

    What theme do you recommend for a small auto repair business that is only interested in highlighting its business using social media in English and Spanish? Thanks in advance.

  10. Michael Martin says

    Great article but it is unfortunate that the Shortcode Menu plugin has not been updated for 2 years so probably not the way to go.

  11. Gavin Simone says

    Very helpful to know. I also like using accordion modules to show the subject and let the user decide if they want to read what is inside.

    What happened to you guys using Disqus? I though you migrated over to it. Any reason for switching back?

Leave a Reply to Chintan patel Cancel reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

WPBeginner Assistant
How can I help you?

By chatting, you consent to this chat being stored according to our privacy policy and your email will be added to receive weekly WordPress tutorials from WPBeginner.