RSS

How To: Create Custom Drop Down Menus In WordPress

01 Sep

A very useful WordPress feature is the Custom Menu Creator. Custom drop down menus can be displayed in your primary/secondary navigation as well as in the widget areas of your site. The following tutorial walks you through the process of creating a multi-level custom menu for your site.

Step 1:

Click on Appearance >> Menu in the WordPress dashboard.

Step 2:

Start adding items to your custom menu. You can add categories, pages, custom links to the same menu as shown in screenshots below:

Add custom link to WordPress menu.

Add category to WordPress Menu.

Add pages to WordPress Menu.

After adding all items to your custom menu it will look like this:

Step 3:

You can change the order of the menu items by “dragging and dropping” them.

Step 4:

To create hireacial drop down menus, drag the menu items to your right and you will notice how they snap into positions. See screenshot below:

This structure would create a drop-down menu with five items:

The RichWP FrameWork even allows you to insert more hierarchical levels into your navigation. The following screenshot shows a three-level navigation.

Advertisements
 
4 Comments

Posted by on September 1, 2013 in Wordpress

 

4 responses to “How To: Create Custom Drop Down Menus In WordPress

  1. lista de email

    September 3, 2013 at 3:58 pm

     
  2. Leroy

    September 17, 2013 at 5:56 am

    Spot on with this write-up, I honestly believe this website needs a great deal more attention.

    I’ll probably be back again to see more, thanks for the advice!

     
  3. Faith

    September 17, 2013 at 9:51 am

    I love what you guys are upp too. This sort
    of clever work and reporting! Keep up tthe terrific works guys I’ve
    added you guys to my personal blogroll.

     
  4. blocking internet adult content

    September 17, 2013 at 2:54 pm

    Howdy just wanted to give you a quick heads up. The text in your article seem to be running off
    the screen in Firefox. I’m not sure if this is a formatting issue
    or something to do with browser compatibility but I figured I’dpost to let you know.
    The design look great though! Hope you get the issue fixed soon.
    Cheers

     

Leave a Reply

Please log in using one of these methods to post your comment:

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

 
%d bloggers like this: