I’ve recently changed the layout of my WordPress blog to disable the sidebar from certain pages. The trouble is the sidebar is the place where I listed my categories, which causes a little navigation problem. The solution was to create a WordPress categories menu and add it to my main site navigation.
But how do you do that?
It’s actually quite straightforward, so I thought I’d show you can create your own categories menu with this short WordPress tutorial video.
Video Tutorial – Creating a WordPress Categories Menu
Video Transcript
Hi guys.
Welcome to another SideGains video tutorial.
Today I’m going to show you how to create a WordPress category dropdown menu and how to add it to your main site navigation bar.
It’s pretty straightforward actually and will only take a minute.
So here’s my homepage and I want to add my categories dropdown menu here.
The first thing to do is go to your admin area in WordPress.
From your admin area you need to go to appearance, hover over that and then clicks menus.
You can see in my case it defaults to the menu called Top Menu, which is my main navigation menu… here it is on my homepage.
Adding a categories menu is pretty easy as I say.
Go to custom links. Remove the url stub and replace it with a hash symbol.
The link text is the word or words that will display in your navigation menu. I’m going to use the word “Categories” but of course you can call it what you like.
Once you’ve added your link text, click the Add to Menu button. You can see it’s appeared beneath the other items currently in my navigation menu.
What I need to do now is to pull all my categories into the Categories link I’ve made to make a kind of sub-menu.
So back in your add menu items area, expand the Categories section. I want to include all my categories so I select all and then click the add to menu button.
You can see they’ve all appeared beneath the Categories link I just made.
If I now save this it will add all the cetegory items into my menu and display them on the same line.
I don’t want that… I want them all nested beneath the categories link. So hove over the items you want nested and you see the pointer icon changes to a move icon.
You just need to click on each category item and drag it to the right slight so it appears indented beneath the category text link.
Don’t drag them too far across as they will nest and become sub-sub-menus. Just make sure they all line up beneath the main categories text link.
When they’re all aligned (and in a line with each other) below the category text link, click save.
That’s saved my menu.
If I go back to my homepage and click refresh, you can see my new menu item is added to the end of my navigation bar.
I’m going to move that because I want not to appear next to my home link.
So I just need to go back to my WordPress admin area, hover over my categories text link and click and drag the categories link beneath the Home link.
You can see this pulls all the nested menu items together.
I just need to click save menu again, go back to my homepage and click refresh and there you can see my new WordPress categories menu link with all my categories nested beneath it.
As I say it’s pretty simple and will take you less than a minute to do!
Thanks for watching. Be sure to come back soon for more tips and tricks.
See more WordPress Tutorials.
That’s it for now.
Paul
If you’ve found this short tutorial useful, please drop me a line or two in the comments section below!
Leave a Reply