How can I create more than one drop down menu for categories?
-
How can I create more than one drop down menu for categories? For example, can I have one drop down menu that allows people to choose “cuisine” or another drop down that is sorted by “location.”
The blog I need help with is: (visible only to logged in users)
-
Howdy!
The easiest way to do this would be to create custom menus:
For example, you could set the title of the first menu as “Location.” Then, you could put all of your location-based categories in that menu.
Then, you could create another menu titled “Cuisine” and highlight all of your cuisine-based categories.
To get these on your sidebar, you could use the following widget:
http://en.support.wordpress.com/widgets/custom-menu-widget/
Would that work for what you’re looking for?
-
Thank you for the help, but this only serves to add another site menu which isn’t what I meant to ask. I’ll take the blame for using the word “menu” instead of “category.”
That said, what I meant to ask is, how can I get about six separate drop down categories so that people don’t have to scroll endlessly through one extremely long drop down.
-
Hi!
Just to make sure I understand correctly, you’re referring to the widget here:
Is that correct? The issue is that it’s displaying all of your categories. You would like to have a separate dropdown for each. That’s not possible. By default, the Category widget will always display all of your categories.
I think the Custom Menu widget will still get the look you’re going for. For example, you would create a custom menu titled “Categories”. Then, you would insert “Cost” as a blank element in the menu shown here:
Now, you’ll add all of the sub-categories of “Cost” to the menu using the option here:
You can create sub-menu items following the steps here:
So, we’ll end up with an entire menu of a parent element that, when clicked, expands to show the sub-categories.
Now, we can place that on your sidebar using the Custom Menu widget:
http://en.support.wordpress.com/widgets/custom-menu-widget/
Can you give this a try? Alternatively, I can set an example of this up for you on your site if you want!
-
Thank you. I’ll definitely give it try in a bit. Just one more question though. This current template I’m using says it can only display one menu at a time. So, does this mean I need to upgrade? Or choose another template? And if it’s the latter, how do I know from scanning the templates that the one I’m choosing can display enough menus to suit my needs?
Thank you again for all the help. I sincerely appreciate it.
Best,
FF -
This just means that it will only display one menu here:
You can see this under the menu locations page:
https://ferociousfoodiedotcom.wordpress.com/wp-admin/nav-menus.php?action=locations
Compare that to something like Twenty Fourteen that has two menu areas:
However, you can use the Custom Menu widget multiple times down your sidebar.
-
Okay… So I figured out how to get the multiple drop down widgets. Now my issue is figuring out how to edit them so that they only show the subcategories that are pertinent to each.
Sorry to be pain about this…
-
No problem at all! Currently, you’re using the category drop-down as shown here:
By default, that will display all of your categories in that drop-down. It’s not possible to truncate this down to only one category.
Would you mind if I created an example of how to do this with a custom menu on your site as an example? I think this will make more sense once you see it in action!
-
-
Hi!
Can you check out the menu at the bottom of your sidebar now? Here’s a screenshot:
Is that similar to what you’re looking for?
-
It’s close. Thank you. The issue with doing it that way, however, is real estate. Meaning with as many categories as I have, it would mean users would have to scroll forever to get through all of them. Which they currently do on my drop down widget, but at least it takes up less room until you expand it.
My aim was to make the scrolling in the drop downs a little shorter by sub-categorizing them so that users would only have to scroll through the sub category that interested them, as opposed to all of them in one.
Here’s a link to what I was kind of hoping for:
-
Thanks for clarifying! I think the best option then with the Confit theme would be to do a sub-menu within your menu like this:
We could set each category as the main menu element with fly-outs for each category. That shouldn’t take up too much space. Thoughts?
Also, it looks like your domain name servers are now pointed to GoDaddy. Did you mean to switch those over?
-
Thank you. Yet again. I’ll try the sub-menu tact. Anything more I need to know regarding that?
Also, as for the GoDaddy thing, I think I might’ve done that in error. My iphone WordPress App prompted me if I wanted to change my url from a .wordpress to just a .com and I said yes, wanting just a clean URL. Just switched back I believe. Let me know if I didn’t.
Best,
A -
-
Thank you. Yet again. I’ll try the sub-menu tact. Anything more I need to know regarding that?
Me again… Where is the option to create sub menus? Can’t seem to find it.
I created a short screencast documenting how to create sub-menus. It involves dragging and dropping the items underneath the parent element:
Here are the steps laid out:
- Add a blank link titled “Cost.” This will serve as the parent element. In the “Link” field, place a #. This will make the element unclickable.
- Add all of the cost-related categories to the menu
- Drag and drop the cost-related categories underneath the blank cost element we created in step #1.
Can you give that a try?
Also, as for the GoDaddy thing, I think I might’ve done that in error. My iphone WordPress App prompted me if I wanted to change my url from a .wordpress to just a .com and I said yes, wanting just a clean URL. Just switched back I believe. Let me know if I didn’t.
Yep! Looks like this is all fixed up now.
-
-
- The topic ‘How can I create more than one drop down menu for categories?’ is closed to new replies.