{WordPress Wednesdays!} Arranging and Creating Drop Down Menus

Welcome to another WordPress Wednesday!  Today, I’m going to show you how to create custom menus and drop downs.

Setting up a custom menu allows for your pages to show up not only in the order you want them to, but you can also add links to other places.  For example, in my menu at the top of my page, I not only have my pages in the order I want them, but also links to my Virtual Assistance website, Etsy shop, and Book Review Blog.

Another great feature is having drop down menus.  Drop down menus appear when you hover over something on the menu.

Please note that the items in my menu that has drop downs have a tiny arrow next to them.  That is not always the case but in my theme it is.  When hovering over About, you can either click on about or click on The List which will take you to my 'bucket list' of sorts.

Please note that the items in my menu that has drop downs have a tiny arrow next to them. That is not always the case but in my theme it is. When hovering over About, you can either click on about or click on The List which will take you to my ‘bucket list’ of sorts.  There is also drop downs when you hover over Contact.

So, how do we make this awesome magic happen?  I’ll show you how.

  • First, go to your dashboard.  On your sidebar on the left, you will see Appearance.  Hover or click on that, then click on Menus.  This will take you into your menu options.

menu main

  • Once there, you will see a place to enter the name of your menu.  I simply labeled it Menu 1, but feel free to make it more creative.
  • After you name your menu, you will be able to customize it. Start with your pages.  Add all the pages you want to appear on your page by simply clicking on the box next to them, then the Add to Menu button.
  • If you have any external links to other websites you would like to add (such as Etsy, Goodreads, Facebook, ect), click on the links option under the pages option, then add in your link and name it. When finished, click add to menu.
  • If you would like to add a place for your blogs from a certain category to appear, you can do that under the categories tab.
  • Add everything you want for both pages and drop downs.  Once you are done, you can then rearrange.

moving menus

  • To arrange your pages and links in your menu, simply click and drag them to the order in which you want them to appear on your page.
  • To create drop down menus, drag the item under the page you want it to drop down from, then indent it.  As you can see in the example above, a dotted box will appear.  You can even have drop downs under a drop down by doing it this way.
  • **Just a note about drop down menus:  If you have, for example, contact links appear under your contact page, people will still be able to just click contact and go to that page.  Drop downs are primarily used for shortcuts or quick actions.

menu structure

  • Another customization trick is using Menu Structure.  You reach this by clicking on the menu item.  When clicked, the options, as seen above, will appear.
  • From this screen, you can rename your menu item, remove it, change the url, and (my personal favorite) add a Title Attribute.  You can use it to put in words that will appear when you hover over that particular menu item.  For example, I could put a link to my twitter and then have ‘Tweet Tweet’ appear when hovering over the link.
  • Once this is all completed, click Save Menu in the top right hand corner.  You’re not done yet, though, so read on!

menu locations

  • Once you have created your menu and saved it, click on the Manage Locations tab at the top of your page.  The go to Primary Navigation and click on your newly made menu.
  • Once again, click Save Changes.

After you have completed that, go to your website and take a look.  See if it appears how you wanted it, check to make all external links work properly, and see if there is anything you’d like to change.  You can always go back and change your menu or update it.

I hope you’ve found this helpful!  If you have any questions, feel free to either leave a comment or contact me.

Advertisements

2 thoughts on “{WordPress Wednesdays!} Arranging and Creating Drop Down Menus

  1. Pingback: {WordPress Wednesdays!} Exploring Customize | Kuukisu Art

  2. Pingback: {WordPress Wednesdays!} Pages | Kuukisu Art

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