Monday, March 30, 2020
WordPress Dropdown Menu Guide How to Create One [for Beginners]
Want to learn how to set up a WordPress dropdown menu?In this article, well walk you through creating your dropdown menu step-by-step with screenshots!You can do everything with core WordPress functionality no need for a third-party plugin. Lets dive in If it does, then you can take advantage of the most popular way to create a WordPress dropdown menu (and one of the easiest).Even better?à If you choose to create a dropdown menu in WordPress by using the default menu option, you donââ¬â¢t have to worry about the menus disappearing when you switch up your theme or add new plugins!To get started, head to your WordPress dashboard and click on Appearance Menus.If you see a prompt telling you to create a menu, youll need to, as the prompt says, create a menu to get started. Ill show you that in Step 1. If, however, you already have a menu, complete with some links, you can jump straight to Step 2.Step 1: Create a menu (if needed)If you dont already have a menu, enter a name in the à Menu Name box and then click theà Create Menu button. The actual name isnt important just make it easy to remember:Step 2: Add links to menuOnce youââ¬â¢ve created a menu, itââ¬â¢s time to add links.To add links to your content, use the sidebar to check off which pages or posts youââ¬â¢d like to show up in your menu. Once youve selected the content you want to add, click the Add to Menu button.You can also get more creative and include custom links in your dropdown menus. To learn more about them, read this post.Step 3: Arrange menu items using drag and dropNow, you should have a list of all your menu items. To create your dropdown menu, you can use drag and drop to move the items you want to appear in the dropdown over. The parent item will appear on the main menu. And the menu items underneath the parent item will appear in the dropdown when a user hovers their mouse over the parent item:Once youre happy with the organization, click onà Save Menu.Step 4: Choose m enu locationOnce thatââ¬â¢s done, youââ¬â¢ll need to figure out where youââ¬â¢d like your menu to show up on your website. The header is usually the best choice (no one wants to scroll to the bottom of your homepage just to find your ââ¬Å"Contactâ⬠or ââ¬Å"Aboutâ⬠page!).You can choose where to display it in theà Menu Settings area:There are two things to note here:You might see differentà Display locations because the actual names are different for each theme. Usually, youll want to pick something like Top Menu, Primary Menu, Primary, etc. if you want to make your menu appear in the header.If you check the Automatically add new top-level pages to this menu box, it will add any new pages you create to the menu. This can get cluttered fast, and isnt recommended!Once you save your changes, youre done!A more visual way to manage your dropdown menusAs an alternative to the method above, you can also manage your menus using the live preview.Clicking this button will bring you to your WordPress Customizer.While the interface looks a little bit different, all the same principles apply. Youll still be able to:Drag and drop menu items to create dropdownsChange menu locationsEtc.And the benefit is that youll be able to see a live preview of your WordPress dropdown menu in real time.3 quick tips for using dropdown menusNow that you know how to properly set up a WordPress dropdown menu, we wanted to give you 3 quick tips to keep in mind:When using the default WordPress dropdown menu option, youââ¬â¢re able to arrange where you place your sub-menus. For example, if your menu is titled ââ¬Å"Foodâ⬠and you want ââ¬Å"Breakfastâ⬠to appear before ââ¬Å"Dinnerâ⬠, simply drag and drop breakfast to the top!When creating menus, title them appropriately! For example, if you have a menu titled ââ¬Å"Aboutâ⬠, you wouldnââ¬â¢t want to have your ââ¬Å"Contactâ⬠and ââ¬Å"FAQâ⬠in the dropdown menu. On that note, we suggest having ââ¬Å"Contactâ⬠, ââ¬Å"FAQâ⬠, and ââ¬Å"Aboutâ⬠as separate menu options.As a general rule of thumb, you shouldnââ¬â¢t put all of your eggs in one basket. In this case, donââ¬â¢t create one menu and throw all of your sub-menus into it.As long as you keep those 3 tips in mind when creating your WordPress dropdown menus, youââ¬â¢ll be good to go!Final thoughtsIf you follow the step-by-step instructions weââ¬â¢ve provided, youââ¬â¢ll easily be able to create WordPress dropdown menus in just a couple minutes.WordPress allows you to customize nearly everything on your website, so thereââ¬â¢s no reason you shouldnââ¬â¢t be creating user-friendly sub-menus. Especially since they help your customers navigate through your website.Do you have any other questions about how to create a WordPress dropdown menu? Leave a comment and well try to help out! #Learn how to create a #WordPress dropdown menu in just a few minutes #tutorial
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.