Set up WordPress Navigation Menu – Genesis Framework

17 Flares 17 Flares ×

I want to outline the basics of setting up the navigation menus for a Genesis Theme on your WordPress site.  After you initially setup your WordPress site it can look a little scarey to say the least.  Your theme will look nothing like that sleek demo example.  Keep in mind there is no data in your site at all, no posts, no pages, no content in the widget areas, nothing!  

What I always do is to add some sample data in the form of pages and posts.  This will allow you to set up the navigation menus.

Let’s start:   First install your Genesis Framework, then you will be installing the child theme from there you will be starting the setup of your WordPress site.

(… remember do not activate the genesis framework theme, you only activate the child theme!)

  • from the dashboard go to the Genesis,  Theme Settings, Navigation Settings.  I have selected all the options in the screenshot below so they will be visible.

 Supernova Media

It’s best to have these setting adjusted first otherwise you many not be able to see your menu. Remember to save your changes.

Now let’s goto the Appearance Tab, them select Menus.  It’s from here that we build our custom menu.

Supernova Media

Once you have enter your Menu’s name, I used “primary menu” as the name, click on create menu.

Supernova Media

Now you will see a few more options, we now have theme locations, and custom links, pages and categories are now accessible options.  Theme Locations has two selections: primary menu and secondary menu. Once you have created and saved your menu it will be displayed in the pulldown selection list for either of these two locations.   Depending on the child theme’s styling your primary and secondary menus will either be displayed above or below your header.  Some Genesis child themes have one above an one below the header. 

Supernova Media

If you click on the Pages tab you will have the option to check to select the pages, then click  “Add to Menu”. 
Supernova Media

Now the pages you have selected will be added to your custom menu layout screen.  Notice that when you mouse over the menu item you can grab it and move it up or down and even move it to the side which will make it a child of the upper menu item, ie: pulldown option.  Remember to hit save! 

Supernova Media

View your page to see the menu.  There are other items you can add to your menu, such as specific blog categories, tags, blogs and external custom links.   I will go over them in another blog.  Please leave a comment below and let us know how your menu turned out! 

 

———————-
[Blog by Chrissie ]

Want more of this awesome content?

 

Sign up to receive our Monthly Newsletter

 
Chosen one of the Top Ten Social Media Companies in Canada

Join our eClub

Powered by Subscribers Magnet

Follow Us on Google+

View More of Our How to’s on Slideshare

View Supernova Media's profile on slideshare
About Nancy Bain

Our services include building optimized, functional and self managed WordPress websites, Nova Scotia social media training and consulting, interactive full screen high definition virtual tours with lead capture and print advertising. For most of our clients, we are their one stop solution for all things marketing, branding and small business development related.

0 comments
17 Flares Twitter 2 Facebook 1 Google+ 7 Pin It Share 3 LinkedIn 4 StumbleUpon 0 Buffer 0 17 Flares ×