Do you need Menus in your WordPress site? Let’s Learn Now here to let you know How to create and add Navigation Menu in WordPress. It is also called a navigation menu. So let’s get started.
- 1 How to create and add Navigation Menu in WordPress:
- 1.1 1. What is WordPress menu?
- 1.2 2. Navigation Menus in WordPress:
- 1.3 3. What can we put in a WordPress menu?
- 1.4 3. How to create and add Navigation Menu in WordPress: How to define A Menu:
- 1.5 4.How to create and add Navigation Menu in WordPress: Arranging Menu Items in a Custom Navigation
- 1.6 5. Create a submenu with a drag&drop technique or Nested Drop-Down:
- 1.7 6. How to create and add Navigation Menu in WordPress: Add your Categories as WordPress menu
- 1.8 7. Adding Custom Links to Your WordPress Navigation Menus
- 1.9 8. Removing a Link From Navigation Menus in WordPress
- 1.10 9.How to create and add Navigation Menu in WordPress: Modifying a Menu Item in WordPress Navigation Menus
Navigation menus are a crucial part of every website. Navigation menus help the user to go different pages and sections of your website. Sometimes, It also illustrates entire site’s structure of a website. So, we can say it a map of a blog.
In most of the themes, we see a single menu, but in some cases, we also see multiple lists. It completely varies from theme to theme. In general, we know the navigation menus are used in the header part of the theme, but some themes use their menus in different part like(Header, Footer, Left-side, Right-side) of the website.
Likely, everything is customizable in WordPress menu. So, making a navigation menu in WordPress is can be fun for all of you and even if you are a nontechie person. Interestingly, Without having additional extensions and codes, you can add pages, posts, custom links, and categories in WordPress menus.
Now, we’re going to show outstanding navigational elements in WordPress that every beginner can start using quickly. Let’s get started with Let’s Learn Now.
To create the Menu in WordPress, please navigate to Appearance -> Menus.
If you want to use it, you must define a menu name. In this tutorial, I choose this name as “Primary Menu“(You can put any name if you want) and then click on the create menu button.
As you can see in the screenshot, our theme has multiple theme locations like the top menu and social links list. Theme location in WordPress varies theme to theme.
After that, you have to select the pages, posts, custom links or categories you want to add to the menu. You can do this by choosing the pages listed on the left-hand side and clicking on Add to Menu. But if you are adding a custom link, you have to enter the full URL of a page (Example: https://letslearnnow.net/). Also add a name (label) that will be visible for that link (example: Let’s Learn Now)button.
After adding the pages, you may move the position if you want. If you are interested in, then drag and drop and then select your theme location where you want to keep the menu. In this tutorial, I decided top list then hit the save menu button.
Probably, you don’t know where the navigation menu is working that you added recently. To check your action, you need to visit your website.
WOW! It’s finally working here.
If you want to change the position of the menu, it’s effortless and fun. You may notice that the items are arranged in the order you added. Suppose, you want to show contract menu at the first while home menu at the end. Likely, it’s quite easy to rearrange them. To reorder the item’s drag and drop how you want to them.
[————A GIF file should be added based on dragging and dropping WP menus——–]
Drop down menu is also known as the submenu. When it comes to keeping an array number of the list under a parent menu that time Drop-Down menu is used. What is a nested drop-down menu in WordPress? Have a look at our screenshot.
Making nested menus allow you to navigate your blogsite correctly. Here is how you can create a menu item as a sub-menu in WordPress.
In the menu form, drag the menu item(which one you want to put as a submenu) just below the parent item. Then, slightly drag the menu item to the right under the parent item and press again on save menu button.
Finally, you can see a submenu. To check your work, you should visit your site.
Another most important point is that you can also create multiple layers if you want to use on your website. Remember that all the themes do support various layers. Most of the theme support up to 2 layers.
Fortunately, WordPress allows you to use Categories as a navigation menu. In this section, I’ll go through how to add categories in WordPress menu. WordPress gives us an extraordinary way to edit our menu on the left column of menu editor screen. Now, click Categories to expand it and see your Categories. Just select them and add to the menu button.
Now, you see all categorize items moved under Menu Structure as like as page. To rearrange them you can drag and drop to fix the position of the menu. Instance, In our demo theme, we have dragged some categories under a parent item.
If you want to use custom links or other social links as menu then what should you do? You must use Custom Links option. Click Custom Links to expand it, and you will see two fields. The first field where you need enter the actual link or URL and the second field is labeled link where you will add an anchor text for the link.
NB: You must enter HTTP:// or HTTPS:// otherwise it is more likely to be a broken link.
While using WordPress, everything is changeable. WordPress always allows you to change each and everything. Let’s see how to remove a link, page or categories. Just click on the downward arrow icon next to a menu item, you will notice there is a remove link.
All the WordPress ha has this feature you can change the name and link at any time. Again click on the downward arrow icon
So hope you understand How to create and add Navigation Menu in WordPress. We have made it easy for you. If would like to know more about WordPress site creation, please go through the most informative tutorial of the blog How to create a website from as a beginner. For more in-depth information about WordPress menu, you may check the official blog of WordPress https://codex.wordpress.org/WordPress_Menu_User_Guide
You may also read our previous post: How to use Contact Form 7 WordPress Plugin
Have a great day.