Now Watch this video instead Reading to understand it better to Create Customized Menu in WordPress
Hello and welcome to another fitting site.com screencast tutorial in this video we’re going to cover a few introductory concepts on how to create, custom menus inside of wordpress and starting off with our example. Site here you can see that as we look in main navigation we have several pages for home about us blog contact etc but truth be told they’re not exactly in the order that we would like them to be in this is actually the order that they were created inside of wordpress based on a date or chronology so if we add a page somewhere down the road it will always show up the end of the row here instead of maybe where we’d like it to be so in order to fix that problem,
We’re going to have to create what’s called a custom menu and the first thing that we need to do is we need to go into the dashboard of our site since this is WordPress 3.1 you can see that, we have the admin bar at the top of our site and all we need to do is simply click on dashboard once were logged in if this doesn’t work for you or, if you’re not on WordPress 3.1 all you need to do is enter your root URL followed with the words / WP dash admin and that will take you directly to your dashboard.
Anytime we’re in the dashboard what we need to do is we need to create our custom menu and it is located under the appearance tab in the left-hand navigation obviously with the option mark two menus so here we see our custom menus panel forward press and the first thing you’ll, notice is that we need to create our custom menu up here at the top is an area to give it a name we’re going to go ahead and give this the name of main menu and once
We’ve done that we need to create this menu as you can see the main menu has successfully been created now before we can actually add any pages to this we need to tell our wordpress theme that instead of using the automatic or default menu that we already looked at earlier that we want to specify the main menu as the menu we use here you can see under theme locations we have a little drop-down menu for primary navigation and if we click on that, we can see that our newly created main menu is one of the options available you could in fact have several different menus and you could choose whichever one you want to use and also it should be noted that in some themes you have more than one menu location available for this theme the twenty ten theme that ships with wordpress there’s only one menu option which is called primary navigation so now that we’ve added our custom menu to primary navigation all.
We need to do is click on save and that change has been reflected up above now if we scroll down just a little bit here you can see that we have a list of pages with little checkboxes next to them and this actually is all of the pages that we have on our site right now it’s just showing the most recent you could also select view all or you could if you wanted to search for a particular page that you’re looking for in this case we’re just going to stick with you all because we only have a few pages on our site and, I know that this is going to be a little confusing there’s an option up above called home colon home for whatever reason and i think this will be cleared up in future versions of word press this is actually not a page you don’t want to select it but we are going to select everything else we’re going to add all of these pages to our menu once you’ve selected the pages you want to add to your menu all you need to do is click on the Add to menu button and as you can see here on the right-hand side here are all of our pages in the menu as.
We hover over them you’ll see that our cursor turns into a four-way arrow and basically what that means is that we have the ability now to drag and drop the order of these to wherever we want them to go obviously we probably want home to be first followed by about us perhaps and again these can go in any particular order that you want them to go in gallery contact blog you’ll notice for testimonials we actually have the ability if we hover over it correctly you can see that we can create automatically a drop-down menu so if you inset your page like this it’ll show up to drop down option inside of your WordPress menu or you can simply drag it back out again, and if it’s flush with all the rest then that means it’ll show up in main navigation let’s go ahead and move that back into sub page or drop down menu and now all we need to do is just click on the save menu option.
Once all of our changes are complete and let’s go ahead and take a look at our site and here you can see now that we have are completely new menu order home about us which now has a testimonials drop-down gallery contact and block just as simple as that we’ve been able to create a custom menu arrange our pages the way that we want them to appear and also specify which pages we’d like to appear as drop-down items thanks so much for watching and have a great day
#CreateCustomizedMenuInWordpress, #CustomMenuMod, #CustomMenuWordpressPlugin, #CustomRestaurantMenu, #HowToAddMenuInWordpressHeader, #HowToCreateCustomMenuInWordpressTheme, #HowToCreateMenuInWordpressStepByStep, #WordpressAddMenuLocation, #WordpressMenuPlugin
No comments:
Post a Comment