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.
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.
- 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.
- 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.
- 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!
- 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.