The best way to Upload WordPress Navigation Menu in Posts / Pages

by | Jun 16, 2023 | Etcetera | 0 comments

Do you wish to have to be able to upload a WordPress navigation menu on your posts or pages?

By way of default, you’ll most efficient display menus throughout the puts set by way of your WordPress theme. However, each and every so continuously it’s essential need to add a menu to a specific put up or internet web page or even show the menu inside a internet web page’s content material subject matter.

In this article, we can show you simple how you can add a WordPress navigation menu in 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 listing of links pointing to essential areas of a web page. The ones links can lend a hand visitors to find what they’re in search of, beef up the consumer revel in, and keep other people on your WordPress site for longer.

An example of a WordPress navigation menu

The best location of your menu is decided through your WordPress theme. Most topic issues imply you’ll show menus in multiple areas, alternatively each and every so continuously it’s essential need to add a navigation menu to a put up or internet web page.

For example, it’s essential need to add a unique menu linking to the entire products mentioned on a specific gross sales web page.

You’ll have the ability to moreover use menus to show comparable posts on your WordPress blog. By way of putting this navigation menu at the end of a blog put up, you’ll encourage readers to check out further of your content material subject matter.

With that being mentioned, let’s see the way you’ll add a WordPress navigation menu to any put up or internet web page. Simply use the quick links below to jump in an instant to the method you wish to have to use:

Method 1: The usage of the WordPress Navigation Block (Perfect for Particular person Pages and Posts)

One of the crucial best possible techniques to be able to upload a WordPress navigation menu to posts and pages is by way of using the built-in Navigation block. This allows you to show a navigation menu anywhere in a internet web page or put up, alternatively you’ll have to manually add each menu.

This can be a great means if you wish to control exactly the position the menu turns out on each internet web page. However, it can be time-consuming and worsening if you want to add the identical navigation menu to a large number of pages and posts.

To get started with this system, simply open the internet web page or put up where you wish to have to be able to upload a WordPress navigation menu. Then, click on on on the ‘+’ button to be able to upload a brand spanking new block to the internet web page.

Adding a navigation block to a WordPress page or post

Throughout the popup, kind in ‘Navigation.’

When the appropriate block turns out, give it a click on on to be able to upload it to the internet web page or put up.

Adding a new block to a WordPress page or post

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

See also  What’s the Very best Solution to Settle for Donations with WordPress?

If you want to add a novel menu as an alternative, then open the ‘Block’ tab. Then, you wish to have to choose the ‘Tick list View’ tab.

The List View tab, in the WordPress block editor

Proper right here, you’ll click on on on the 3 dots next to ‘Menu.’

Then, simply choose the menu that you wish to have to use as an alternative.

Choosing a different WordPress navigation menu

Every now and then, it’s essential need to customize the menu by way of together with further links. For example, for individuals who run an on-line retailer, then chances are high that you’ll link to the entire products mentioned on that internet web page.

To transport ahead and add links to the navigation menu, click on on on the ‘+’ icon throughout the ‘Tick list View’ tab.

Adding page links to a WordPress menu

This opens a popup with different alternatives.

To upload a hyperlink to any internet web page on your web page, merely click on on on ‘Internet web page Link.’

adding page links to a WordPress menu

You’ll have the ability to now each choose a internet web page from the dropdown menu or get began typing throughout the internet web page title. When the appropriate internet web page displays up, click on on to be able to upload it to the menu.

So that you can upload further pages to the navigation menu, simply repeat the identical process described above.

Adding links to WordPress

You’ll have the ability to moreover upload social icons to a WordPress menu, which is in a position to encourage other people to watch you on Twitter, Facebook, YouTube, LinkedIn, and additional.

To get started, click on on on the ‘+’ icon throughout the ‘Tick list View’ tab. This time, make a choice ‘Social Icons.’

Adding social sharing icons to WordPress

This gives a brand spanking new house where you’ll add the social icons.

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

Adding social icons to WordPress

Now, make a choice the social media group you wish to have to link to.

For example, you’ll choose ‘Twitter’ to advertise your Twitter web page in WordPress.

Adding a Twitter icon to WordPress

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

The best steps will vary depending on the social group. However, you’ll typically need to click on on to choose the icon and then kind throughout the URL on your social media profile.

Adding a Twitter link in WordPress

Simply repeat the ones steps to be able to upload further social icons to the navigation menu.

In the end, it’s essential need to upload a seek bar in your WordPress menu to lend a hand other people to find attention-grabbing pages, posts, products, and additional.

WordPress has a built-in search serve as, alternatively it’s fundamental and doesn’t always provide right kind results. That’s why we propose using a WordPress seek plugin to reinforce your web page seek.

Even upper, if you choose an advanced plugin like SearchWP, then it’s going to modify the default WordPress search. After configuring the plugin, the entire search packing containers during your internet web page will use SearchWP routinely, along with any search packing containers on your navigation menus.

Irrespective of whether or not or now not you may well be using the built-in WordPress serve as or an advanced plugin like SearchWP, simply make a choice ‘Search’ to be able to upload a search bar to the menu.

Adding a search bar to a WordPress navigation menu

When you are pleased with the menu’s content material subject matter, it’s essential need to business the way in which it kind of feels.

You’ll have the ability to business the menu’s structure, along with its alignment and orientation, by way of deciding at the ‘Settings’ tab.

How to style a WordPress navigation block

After that, you’ll trade the background colour, text color, typography, and additional by way of deciding at the ‘Sorts’ tab.

See also  WordPress vs Squarespace (2023) — The The most important Variations

As you make changes, the live preview will change routinely. This means you’ll take a look at a large number of different settings to appear what works best possible conceivable on your WordPress weblog.

Customizing the WordPress menu in a page or post

There are fairly a bit of further settings you’ll configure, alternatively this is all you wish to have to be able to upload an invaluable WordPress navigation menu to a put up or internet web page.

Skilled Tip: Should you plan to use the identical navigation menu during multiple pages and posts, then it’s excellent to turn it proper right into a reusable block within the WordPress block editor. This may occasionally save you a ton of time and effort.

When you are ready to make the navigation menu live, merely click on on on each the ‘Change’ or ‘Post’ button.

How to add a WordPress menu to a page or post

Now, for individuals who discuss with this internet web page or put up, you’ll see the navigation menu in movement.

Method 2: The usage of the Entire Site Editor (Block Subjects Only)

Should you most efficient need to add a navigation menu to a few posts and pages, then means 1 is a great variety. However, you will need to add each menu manually, so this isn’t the most suitable choice if you want to show the identical menu during all of your web page.

In case you’re using a block-based theme harking back to Hestia Professional, then you definitely’ll add a WordPress navigation menu to the internet web page or put up template. This menu will then appear during your entire pages or posts without you in need of to be able to upload it manually. This is best possible conceivable for individuals who always need to show the identical navigation menu in exactly the identical place.

To get started, cross to Subjects » Editor throughout the WordPress dashboard.

Opening the WordPress full site editor

By way of default, the editor will show your theme’s area template.

So that you can upload a navigation menu on your WordPress pages or posts, click on on on ‘Templates’ throughout the left-hand menu.

Choosing a block-based template in WordPress

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

So that you can upload a navigation menu on your WordPress blog posts, make a choice the ‘Single’ template. If you want to add a menu on your pages as an alternative, then make a choice the ‘Internet web page’ template.

Choosing a WordPress block-based template

WordPress will now show a preview of your decided on template.

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

Editing a single WordPress template

With that completed, click on on on the blue ‘+’ icon inside essentially the most good left corner.

Throughout the search bar that appears, kind in ‘Navigation.’

Adding a Navigation block to a block-based template

When the appropriate block displays up, drag and drop it onto your template.

By way of default, the block will show one in every of your menus. If you want to add a novel menu as an alternative, then click on on on the ‘Block’ tab. After that, make a choice ‘Tick list View.’

The List View tab in the WordPress full site editor

You’ll have the ability to now click on on on the 3 dots next to ‘Menu’ to appear the entire menus you’ve were given created on your WordPress web page.

Simply make a choice any menu from the record.

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

With that completed, you’ll add further pages to the menu, add a search bar, and additional, by way of following the steps in means 1.

When you are pleased with how the navigation menu turns out, click on on on the ‘Save’ button to make it live. Now, for individuals who discuss with your internet web page, then you definitely’ll see the identical navigation menu during your entire WordPress pages or posts.

Method 3: Creating a Custom designed WordPress Theme (Further Customizable)

Another option is to create a custom designed WordPress theme. This can be a further sophisticated means, alternatively it’ll give you complete control over where the menu turns out on your posts or pages.

See also  Tips on how to Disclose a Hover Background Symbol in Your Divi Fullwidth Header Module

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

SeedProd is the best possible drag and drop WordPress web page builder, and Skilled and Elite consumers moreover get an advanced theme builder. This allows you to design your own WordPress topic issues without writing any code.

The SeedProd theme customizer

For step-by-step instructions, please see our knowledge on easy methods to create a customized WordPress theme (with none code).

After creating a theme, you’ll add a navigation menu to any part of your WordPress web page.

Simply cross to SeedProd » Theme Builder and to find the template that controls the structure of your posts or pages. This may occasionally once in a while typically be ‘Single Post’ or ‘Single Internet web page.’

Creating a custom theme using SeedProd

This may occasionally once in a while open the template in SeedProd’s drag and drop internet web page builder.

Throughout the left-hand menu, scroll to the ‘Widgets’ section. Proper right here, to find the Navigation Menu block and drag it onto your structure.

Adding a navigation widget using the SeedProd page builder plugin

After that, click on on to choose the Navigation Menu block throughout the live preview.

Now, open the ‘Choose Menu’ dropdown and choose the menu you wish to have to show.

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

You’ll have the ability to now kind an now not mandatory title into the ‘Identify’ field. This may occasionally once in a while appear above the WordPress navigation menu.

To preview how the menu will look on your web page, click on on on the ‘Practice’ button.

Previewing a navigation menu in a WordPress page or post

Next, it’s essential need to style the menu by way of clicking on the ‘Complicated’ tab.

Should you added a reputation, then you definitely’ll trade the textual content colour, adjust the typography, and add more space between the heading and the menu items.

Customizing a navigation menu using SeedProd

You’ll have the ability to moreover business the color and font used for the menu items.

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

Customizing a navigation menu using SeedProd

After that, you’ll business the spacing, upload customized CSS, and even upload CSS animations using the settings throughout the ‘Complicated’ tab.

When you are pleased with how the menu turns out, cross ahead and click on on on the ‘Save’ button throughout the SeedProd toolbar. Then, make a choice ‘Post.’

Choosing a different WordPress navigation menu

Now, for individuals who discuss with your web page, then you definitely’ll see the new internet web page or put up structure in movement.

We hope this article helped you discover ways to add a WordPress navigation menu in posts and pages. You may also want to check out our knowledge on easy methods to create a touchdown web page with WordPress or see our professional choices for the will have to have WordPress plugins.

Should you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You’ll have the ability to moreover to find us on Twitter and Fb.

The put up The best way to Upload WordPress Navigation Menu in Posts / Pages first appeared on WPBeginner.

WordPress Maintenance

[ continue ]

WordPress Maintenance Plans | WordPress Hosting

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!