Creating a Submenu (Dropdown Menu)

Creating a submenu (also known as a dropdown menu) in WordPress can help you organize your menu items better, making navigation easier for your visitors. Here’s a step-by-step guide to creating a submenu in WordPress:

Step 1: Log in to Your WordPress Dashboard

1. Open your web browser and go to your WordPress login page, usually found at http://yourwebsite.com/wp-admin.
2. Enter your username and password to log in to the WordPress Dashboard.

Step 2: Navigate to the Menus Section

1. In the WordPress Dashboard, look at the left-hand sidebar.
2. Click on “Appearance” to expand the menu.
3. Select “Menus” from the dropdown menu.

Step 3: Create a New Menu (If Needed)

1. If you do not have a menu created yet, click the “Create a new menu” link.
2. Enter a name for your menu in the “Menu Name” field (e.g., Main Menu).
3. Click the “Create Menu” button.

Step 4: Add Menu Items

1. In the “Edit Menus” tab, you will see boxes labeled “Pages,” “Posts,” “Custom Links,” “Categories,” etc.
2. Add the items you want to include in your menu by checking the boxes next to them and clicking the “Add to Menu” button. These items will appear in the “Menu Structure” section on the right.

Step 5: Create Submenus

1. In the “Menu Structure” section, arrange the items in the desired order by dragging and dropping them.
2. To create a submenu, drag the item you want to place under another item slightly to the right. It should appear indented under the parent item.
3. Repeat this process for all submenu items you want to create.

Step 6: Save the Menu

1. Once you have arranged all your menu items and submenus, click the “Save Menu” button.

Step 7: Verify the Submenu

1. Visit your website to check the new submenu and ensure it appears correctly.
2. Refresh the page if needed to see the updated menu.

Example

Here’s a practical example to illustrate how to create a submenu:

Menu Structure

• Home
• About Us
• Services
  • Web Development
  • SEO
  • Content Writing
• Blog
  • Latest Posts
  • Categories
• Contact Us

Steps to Create This Structure

1. Add “Home,” “About Us,” “Services,” “Blog,” and “Contact Us” to your menu.
2. Add “Web Development,” “SEO,” and “Content Writing” under “Services” by dragging them slightly to the right beneath “Services.”
3. Add “Latest Posts” and “Categories” under “Blog” by dragging them slightly to the right beneath “Blog.”

Additional Tips

• Custom Links: You can add custom links as submenus by using the “Custom Links” option in the “Edit Menus” tab.
• Depth of Submenus: Some themes support multiple levels of submenus, while others may only support one or two levels. Check your theme’s documentation to understand its capabilities.
• Menu Locations: Ensure your menu is assigned to the correct location (e.g., Primary Menu) by checking the box in the “Menu Settings” section.
• CSS Classes: For advanced customization, enable the “CSS Classes” option in the “Screen Options” tab and add custom CSS classes to style your submenus.

By following these steps, you can create an organized and user-friendly submenu in WordPress, enhancing the navigation and overall user experience of your website.