Sunday, October 4, 2020

How to Create a Drop Down Menu in WordPress with Free WordPress Plugin.

 

How to Create a Drop Down Menu in WordPress with Free WordPress Plugin.


How to Create a Drop Down Menu in WordPress with Free WordPress Plugin.



Create a drop-down menu for your WordPress website Using a Free plugin. This is an easy way to organize your content so that users can find it easily. without cluttering up your navigation area as your site grows. you probably have a lot more information. that you want to share with them. Go to the WordPress dashboard and from here. we're going to be working with menus. So to do that we need to go under appearance and let's go to menus now. if you have a site that you've been working on for a while. you probably already have a menu. but let's just go ahead and we're going to create a brand new menu. so let's create a new menu if you don't have anything. this was perfect to start from here as well the menu name is just for you. so that you can handle it. so you'll know which ones you're working with so I've created a name. you have to click the Save menu and then we see all of this item all of these items here and then over. on the left you can choose which ones to do normally there's an about page and a contact page and what I'm going to do. because most places will have a contact page. I'm actually going to create a contact page and because the contact page usually also has a form on. it so I'm going to add my WP forms is an amazing and simple to use contact form plug-in. that you can do to add a simple as a Contact Us page or something as extensive as a workflow for your business and so you can do that and add that. Click Add to the menu and you can also. if you have a very popular post or a post that's like yours. the ultimate guide to something you can select. if you wanted to and add that to the menu.as well what a lot of people like to do is maybe they'll put categories as their menu item. so if you have a lot of categories say in business or marketing and you want to make that your menu item. then you can do that and so once you have your main menu are set up. then we need to go in and select a few more that need to be under the main menu. so for instance these two are going to be a subcategory of the mark-up in order to do this. I simply need to left-click and drag it up and you see when I left click and drag. we have this outline indentation here. when I let go now you see. it's called a sub-item and I want to do the same for this and that's also a sub-item now. we've created drop-down navigation for markup and then the others are still just main primary menu items and then once you create your sub-items or your drop-down.Then let's click the Save menu and then we need to decide. where we want this to go since it's our new. one we want to click under manage locations and now this goes into themes each theme will have its own theme location. yours might look different than this one and so just keep that in mind. When you're looking at managed locations these are themes specific. so we're going to do our primary is likely the one up here. When I'm on my page I want to select the drop-down menu and click Save Changes and when. we open it in a new window then you see if I hover over my markup and now have my dropdown. great so now this is showing as my drop-down now you can also go a little bit more granular. so I'm going to go back to the menus area. I'm going to go back to edit the menu and I'll show you that you can create even more subheadings to add this. one to my menu and right now. this one is showing in line with the other. so it's its own main menu item and we can bring it in to be a sub. but let's say we want to bring it in even more. so now it's nested even further and it will only show up. when I hover over this one let me show you what that looks like on a save menu and when I refresh and hover over. you see for this theme it is showing a little indentation for that and then. if you wanted to you could create a drop-down for multiple areas so say. I want to move this and I just want to make it a drop-down under this menu item. then you can do that so you can have multiple dropdowns like you saw with the menu item and once we click Save. We'll visit our site and I'll show you that we now have two dropdowns. we can choose from now you notice. I keep creating something and then saving it and then opening it up in a new window. what you can also do is instead of using this area under appearance some people like to go under customize and this will give you kind of a view. as you're making changes to see. if that's what you like so I went to customize now. We have a menu area where we're going to work on the donation menu and from here you can do some of the same things. so say I want this not to be a sub-menu anymore. so I want to clean this up a little bit simply because that big long title is missing some things up. So let's go ahead and I'm gonna change some of the navigation. Let's make it a little bit smaller. so I can show you what I'm talking about right now.this is our menu item and if you wanted to we can change that name here basically. you see whatever changes I'm making. I can see it in real-time so I can decide. if I like that change or if I want to make other changes. you see it changing over here as. I'm making changes over here and then once you're happy with it, however. your menu is you'll want to make sure that you click publish because everything I've done. so far there's not been any changes to the life site yet. it's just me seeing this as a preview. so now that we're happy with that we're gonna go ahead and click publish and then. that will become my new main menu with the drop-down over here and then finally.I can see it in real-time so I can decide. if I like that change or if I want to make other changes. you see it changing over here as. I'm making changes over here and then once you're happy with it, however. your menu is you'll want to make sure that you click publish because everything I've done. so far there's not been any changes to the life site yet. it's just me seeing this as a preview. so now that we're happy with that we're gonna go ahead and click publish and then. that will become my new main menu with the drop-down over here and then finally.I can see it in real-time so I can decide. if I like that change or if I want to make other changes. you see it changing over here as. I'm making changes over here and then once you're happy with it, however. your menu is you'll want to make sure that you click publish because everything I've done. so far there's not been any changes to the life site yet. it's just me seeing this as a preview. so now that we're happy with that we're gonna go ahead and click publish and then. that will become my new main menu with the drop-down over here and then finally.ll want to make sure that you click publish because everything I've done. so far there's not been any changes to the life site yet. it's just me seeing this as a preview. so now that we're happy with that we're gonna go ahead and click publish and then. that will become my new main menu with the drop-down over here and then finally.ll want to make sure that you click publish because everything I've done. so far there's not been any changes to the life site yet. it's just me seeing this as a preview. so now that we're happy with that we're gonna go ahead and click publish and then. that will become my new main menu with the drop-down over here and then finally.




Download LInk.


Groovy Menu Plugin (Free)


WP Mega Menu(Free)





No comments:

Post a Comment