How to create menu in your WordPress website

How to create menu in your WordPress website

You might also like

Menus are an essential element of any , enabling smooth navigation and easy access to various sections. If you’re using , creating a menu is a simple and intuitive process. In this blog post, we’ll walk you through the steps to create a menu in your WordPress website.

WordPress New Menu Creation

From your WordPress dashboard, select Appearance > Menu.

You will then arrive at the edit menu box where you can begin building a new menu.

You will then arrive at the edit menu box where you can begin building a new menu.

The new menu may be created by typing a name into the box provided and clicking the Create menu button.
A brand-new menu called “Menu1” will be made by me.

The Primary menu is chosen as the display position in the Menu settings. It should be remembered that your theme will affect where your display is placed. Therefore, the display placement may vary depending on the theme. You must check your webpage to confirm this.
You can now save the newly generated menu by clicking the Save Menu button.

The Menu’s Pages, Categories, and Subcategories

Once a new menu has been created, you may continue to add items to it like pages, categories, articles, custom links, and WooCommerce endpoints.
You will learn how to add pages, categories, and subcategories to the menu in this section.

Pages

You may choose the pages you want to add to the menu by clicking the Add to menu button on the edit menu page’s left side. The menu will now include the specified pages.

Here is a screenshot of the website’s main menu as it appears on the front end.
This is how the recently developed appears on the website.

This is how the recently developed appears on the website.

Categories
Let’s begin adding categories to the menus right now.
From the drop-down menu on the left, select the categories you want, then click the Add to menu button. From the list of categories, I decided to add category 1 to the menu.

From the list of categories

I’m going to rearrange the category such that each page belongs to it right now.

It changes a website as seen below

then select Save Menu to save the adjustments.
It changes a website as seen below.

category on the My Account page.

Now there is a category on the My Account page.
Subcategories Now let’s add a subcategory to the category mentioned above. You may select the subcategory and then click the Add to Menu button in the same way that we added the category.
As seen in the screenshot below, place the subcategory underneath category one.

Now select Save from the menu

Now select Save from the menu.
Here is how the website appears after adding a menu subcategory.

after adding a menu subcategory.

How Do You Make a Sidebar Menu?

Widgets may be used to add menus to your sidebar.
You must go to Appearance > Widgets to accomplish this. The resultant window is seen in the screenshot that follows.

How Do You Make a Sidebar Menu

You must first drag and drop the Navigation menu widget to the desired location before you can add a menu to the sidebar.
In this instance, I’ve positioned it underneath Search.

Sidebar

You may give it a title (in the example, “Go to the link”), choose the menu (menu 2) from the dropdown menu, and then click the Save button to add it to the sidebar.
A screenshot of the website’s redesigned sidebar menu is shown below.

Conclusion
One of the easiest and most fundamental skills that WordPress students should have is creating menus. You’ll have complete control over your website after you’ve mastered it. I really hope the previous instruction was useful to you in understanding the procedure.

 

Creating a menu in your WordPress website is a straightforward process. A well-designed menu improves your website’s navigation and enhances the user experience. Here’s a detailed guide on how to create a menu in WordPress:


Step 1: Access the WordPress Dashboard

  1. Log in to your WordPress admin panel.
  2. Navigate to the Dashboard.

Step 2: Go to the Menus Section

  1. Hover over Appearance in the left-hand menu.
  2. Click on Menus.

Step 3: Create a New Menu

  1. In the Menu Structure section, click on the Create a new menu link.
  2. Give your menu a name (e.g., “Main Menu” or “Footer Menu”) in the Menu Name field.
  3. Click the Create Menu button.

Step 4: Add Items to Your Menu

You can add various items such as pages, posts, custom links, and categories to your menu.

  1. Pages:
    • Under the Pages tab on the left, select the pages you want to include.
    • Click Add to Menu.
  2. Custom Links:
    • Expand the Custom Links tab.
    • Enter the URL and link text.
    • Click Add to Menu.
  3. Categories:
    • Under the Categories tab, select the desired categories.
    • Click Add to Menu.

The added items will appear under the Menu Structure section.


Step 5: Organise Your Menu Items

  1. Drag and drop menu items to arrange them in your preferred order.
  2. To create sub-menus (drop-down menus), drag an item slightly to the right below another item.
  3. Click the arrow icon on the right side of a menu item to reveal additional options like navigation labels and title attributes.

Step 6: Assign the Menu to a Location

  1. In the Menu Settings section, select the menu location where you want the menu to appear:
    • Primary Menu (usually appears in the header).
    • Footer Menu.
    • Other locations depending on your theme.
  2. Click Save Menu.

Step 7: Customise Your Menu (Optional)

You can further customise your menu using CSS or by editing the theme files if you’re comfortable with coding:

  1. Navigate to Appearance > Customise.
  2. Go to Menus and select the menu you want to edit.
  3. Use the customisation options provided by your theme.

Step 8: Test Your Menu

  1. Visit your website.
  2. Check the menu to ensure all links work correctly and appear in the assigned location.

Troubleshooting Common Issues

  • If the menu doesn’t appear, ensure it is assigned to a menu location under Menu Settings.
  • Check if your theme supports the selected menu location.
  • If the menu styling looks off, adjust it via Appearance > Customise > Additional CSS or by editing your theme’s CSS file.

By following these steps, you can create an effective and user-friendly menu for your WordPress site, ensuring smooth navigation for your visitors.

Random Articles

Being a Software Developer | Tom McFarlin

Being a Software Developer

Not everyone who works in software development has a degree in computer science (or a degree at all), and I’m…
Web Design