Working with Custom menu

Follow the step to create custom menu

1)      First of all Go to ‘Menu’ under ‘Appearance’

2)      Create ‘main-menu’ add page from ‘Pages’ option appear in side.

3)      Create ‘footer-menu’ add page from ‘Page’ and click on save button.

4)      Now open ‘function.php’ from your theme folder.

5)      In function.php search ‘register_nav_menus’.

6)      There is an array already have ‘‘primary’ => __( ‘Primary Navigation’, ‘manojsingh’ ),’.

7)      Create new ‘‘footer-menu’ => __( ‘Footer Navigation’, ‘manojsingh’ ),’.

8)      Note here change ‘manojsingh’ to your theme name which is using in ‘Primary Navigation’ this is just for example.

9)      Now go back to menu and refresh page you will see there is new option appear under ‘Theme Location’.

10)   Select ‘main-menu’ for ‘Primary Navigation’ and ‘footer-menu’ for ‘Footer Navigation’.

11)   Now you need to call ‘footer-menu’ in footer here is two way to call ‘footer-menu’:

Way One:

A)     Call ‘footer-menu’ from sidebar just click on ‘Widgets’ under ‘Appearance’

B)      There is for Four Widget Area available for footer section.

C)      Drag and drop ‘Custom Menu’ from ‘Available Widgets’ in Footer Widgets Area in right sidebar of the WP-Admin.

D)     Select a menu like ‘footer-menu’ for Custom Menu Widgets and click on save.

E)      Go to front of your website and refresh the page you will see the menu appear.

F)      Now you need to develop css code for appearance of ‘footer-menu’.

Way Two:

A)     You can Add same menu using custom php code. Open ‘footer.php’

B)      Use ‘wp_nav_menu’ function to call ‘footer-menu’. This function use array and you can pass two values. One of is ‘container_class’ to create a class of css to use develop css code. And second is ‘theme_location’/

C)      Example: <?php wp_nav_menu( array( ‘container_class’ => ‘footer-menu’, ‘theme_location’ => ‘footer-menu’ ) ); ?>

D)     Past same code. Now you know where to change. Save the file refresh your browser and you will see your navigation appear.

To any question and suggestion mail me on ‘msitdev01x@live.com’.

Advertisements

2 thoughts on “Working with Custom menu

  1. My brother suggested I would possibly like this blog. He was once entirely correct. This submit really created my day. You cant believe just how so a lot time I had spent for this info! Thank you! 340593

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s