We needed a vertical menu with easy ability to use the built in wp3.0 menus. This plugin allows you to easily do just that. With two options for flat menu where all parents/children are visible, and non java foldout menu (ie. children of unactive parents are not hidden, they just arnt rendered in the html).
Like the Vertical Menu Widget Plugin?
- Like Wizard Internet Solutions on Facebook
- Follow @wizard_is on Twitter
- Subscribe to our Newsletter or RSS
- And Most Important Please Rate the Plugin on WordPress.org
Description
Current Version 0.9
Easily add a vertical menu to your widget able sidebar. With this plugin you can create a flat menu with all parents/children visible or a stepping foldout menu where only children of the current page/parent will be visible.
Links
Get the Plugin – Vertical Menu Widget Plugin
Feature Ideas – Not in any specific order
- For empty links(#) Render Children and use jQuery to toggle.
- Got Any?
Screenshots
-
- Show the menu widget in Simple/flat mode.
-
- Shows the widget with foldout on, all children of the current page are shown.
-
- Shows the widget with foldout on, showing a different parent than above.
Incoming search terms:
- wordpress vertical menu
- wordpress menu widget
- wordpress vertical menu plugin
- vertical menu wordpress
- wordpress sidebar menü
- wordpress sidebar menu plugin
- menü widget wordpress
- wordpress menu plugin
- wordpress vertical menu widget
- WordPress sidebar menu widget
- widget menu wordpress
- wordpress menu vertical
41 Comments
great plugin however are you able to insert this direct into template instead of using a widget? Would be great to have that flexibility too
I will look into adding shortcode feature so you can use do_shortcode(‘[vertical-meu id="2"]‘); or similar.
I find that the widget works just fine on foldout menu as long as one of the top-level items is already unfolded. If (a) the menu is not unfolded, and (b) the widget is at the top of the sidebar, then all the other widgets in the sidebar become menu items. You can see the difference here:
http://www.mindful-financial.com/materials-how-to/for-non-profits/ has the first menu item, “for non-profits” unfolded
http://www.mindful-financial.com/materials-how-to/ has the menu folded, and all the other widgets become list items for the menu, under the h3 headline.
I tried it with no custom css and the same thing happened…looks like maybe a missing end tag somewhere?
Hello Danieliser, I have a html-validation problem with your great plugin. When I create a foldout menu the main ul-tag and every li-tags who have childrensites doesn’t have closing tags. Is there a solution for this?
Thank your very much, Carlos!
Hi danieliser, is it possible to only show the childs of the current parrent with your vertical menu? Thanks!
This Widget seems great. Can you add few more options like Font, Color etc …. Thanks
Most of these should be set in your themes style.css file. I left it open so that themes by default will style it similar to other widgets etc.
Love this vertical menu, it ticks all the boxes, except this; I am using it with Atahualpa Theme, and would like to add an ‘active, or visited’ colour, for ease of navigation (so viewer can see which page they are on). How can i do this? this is my site http://awellmann.jsebastianwebdesign.com/
Hi, the widget’s looking great but I’m struggling to figure out how to change the text size. Everything else about the menu – colour, font, bolding, bullets – I can change just using the theme options (Weaver ii, in case that’s relevant), but I can’t budge the text size with anything other the base font size.
Any ideas?
Thanks
Sir, It does not work on 3.4. Please help.
I will look into it and release patches as neccessary.
HI, is there a way to change the font size and color, I thought it might be something my theme controlled but I cant see to ever change the widget font, and color.
Thanks.
You can over ride it in your themes css stylesheet. Try using firebug for firefox to see what classes to override.
Hi there, cool plugin!
Having a problem with a site I am developing for a customer that wants different categories in the vertical menu I am using as a main menu. Developing my own theme as a child-theme based on toolbox just so u know.
The trouble arises when I have more than one category as a sub-menu item. With the second or third.. or forth.. sub-menu item (being different categories), when I display a post from that category (second, third, forth etc..) the menu “breaks”, and in the html a “/ul” (could not put in the arrows there in this comment, but its ok markup, so u know) is being put in just after the main menu item in which the category sub-menu item belonged and thus messing up the styling…. hmm to visualize what the heck I am trying to say lets just try following my mind-map below
:
1)
Item 1
Item 2
Sub-item 1 (Category 1)
Sub-item 2 (Category2) <-click gets u to that category page.. so far so good…
Item 3
Item 4
2) After clicking on a post in that category.. that post is displayed and.. the menu looks like:
Item 1
Item 2
Item 3 (Looks like crap since its now not included in the css)
Item 4 (Looks like crap since its now not included in the css )
Just wondered if you guys could test this and verify that the trouble lies in my coding markup or css… or maybe I have found a bug?.. Btw if you have come across this before and know about a workaround, it would be awesome to know
Thanks a bunch in advance!
Peace
/Woody
If you have a link id be glad to take a look and try to help diagnose.
Great thanks for your help!
I did just put up the site on a temporary address:
http://www.johanwedfelt.net/temp1/
If u go to the second menu object (Kläder) click it (using your plugin and the fold-out mode) two new sub-menu items (which are both categories) will show.. the first sub-menu item(Mer vardag..) and its corresponding posts… doesn’t render any issues and the design is intact.. however.. when u try the second sub-menu item (Fest) and try to click on a post in that category… check out what happens with the menu. Anyways a big thanks in advance for taking a look at this.
Cheers!
/Woody
Hmm.. ok i see what you mean. Can you give me a list, either here or by email @ danieliser at wizardinternetsolutions.com, of version of wp, all enabled plugins. If i can duplicate the problem with that then i will be able to fix it. If not then it might be something in your theme. Im assuming its a bug though.
also not sure if it would make a difference but try changing your permalink structure to /%category%/%postname%/
Hi there Danieliser thanx a bunch again for putting your time into this!
Actually I am not running any plugins besides your vertical menu plugin.
When I checked locally I just had the default plugins deactived (Hello Dolly, Akismet).. I also tried deleting those plugins (just to be sure..), didn’t help.
I am running WP version 3.3.1 (swedish language version), (just some extra information… locally I am using MAMP with an apache-server handling PHP 5.3.5, but I am guessing this doesn’t matter since the temporary adress u accessed actually have little different server setup..)
Also tried changing my permalink structure to %category%/%postname% but didn’t help.
Good idea with checking my theme. Since I’ve built my theme as a child-theme based on the theme toolbox, I tried activating that theme (toolbox) aswell as trying the twentyeleven theme and using your plugin. The problem still stands unfortunately so I guess its not connected to my specific child-theme but might be a bug as you assumed or something else. Anyways thanks again for your time and if you come up with a solution to the problem I would be very glad if you let me know, love the idea and how the plugin works besides this little hick-up though… keep up the good work!
Peace
/Woody
Just some extra information about the web-server you accessed…
Checked the temporary address and the setup for that server.
That server is running Apache/2.2.19 with PHP/5.3.6
just so you know..
Peace dude
/Woody
within the “Simple Menu” option in the plugin, there are 2 choices: Simple Menu and Foldout Menu. When I select either options, I get just the parent link. How can I get the plugin to display the child links as well? Am I not doing something right?
Thank you for developing such an important plugin.
Hmm.. Simple should display the entire menu. Foldout will only show the parents and whatever children you are on/of the current page.
Thank you for the quick reply!
I found the problem. My CSS was overriding your styles. Now fixed and the Simple version is now displaying Parent with Child links.
However, I’m wondering if it’s possible to display the Children in some sort of drop-down (accordion expand)?
Thanks again.
You can layer some jquery on there pretty easily.
Not so easy. I’m not a coder. :- |
Do you know of a companion plugin that will do that?
i’m not a programmer, so it appears our css WordPress Thesis is overriding your styling to make your plugin display correctly. Are there any instructions on how we are to setup our end to make it work correctly if not all-inclusive?
I would need to see a live example so i can see what is overriding the css. Should be as simple as you overriding the themes css with your own.
Trying to activate vertical-menu-widget I get the following:
Parse error: syntax error, unexpected '}' in C:\wamp\www\IVEYwp\wp-content\plugins\vertical-menu-widget\vertical-menu-widget.php on line 140I am using WordPress 3.3.1
Will look into this.
Hi
Is the plugin not compactiable with WordPress 3.2.1??
Notice: Undefined index: simple in /mounted-storage/home150/sub019/sc80646-LHTV/lmc-auto.com/test-site/wp-content/plugins/vertical-menu-widget/vertical-menu-widget.php on line 93
Notice: Undefined variable: menulist in /mounted-storage/home150/sub019/sc80646-LHTV/lmc-auto.com/test-site/wp-content/plugins/vertical-menu-widget/vertical-menu-widget.php on line 67
I will look into the issue. I havent tested it on WP 3.2.1 myself.
I think it happens when u activate the plugin after u import everything from another wordpress.
How do I remove the bullets from the menu? I tried styling using
.verticalmenu {
list-style: none;
}
but that didn’t do anything.
Nevermind. Need to edit sidebar css.
Hi,
I am using your vertical menu widget with WP’s default theme, slightly modified. However, my vertical menu shows up at the bottom of the page. I have tried all I could but nothing has worked. I have a simple test page with the menu showing at the bottom so all my research about an open tag doesn’t apply to here. Any help will be appreciated.
http://ww-consult.com/newweb/?page_id=462
And the main page php code is:
Thanks.
~Sally
Sorry for the delay, I believe the issue is with the sidebars css. The widget seems to be fine. Its the container that is not positioning properly.
does anyone know how to change the font of the menu?
thanks
You can add a css class in the widgets options and style the menu using this class in your styles.css. If you cant access your stylesheet i will have to look into another method.
Can you go into more detail on how to do this? I really like your menu and the way it works but I really want to change my font style in just my menu area and not have it affect any other area. Thanks!
hi..
i want to use your plugin but there is one missing.
there are some menus in my site that has no contents, i just use custom link menu and put # as the link. i have to use this to follow the pages hierarchical, example is Drinks > Coke > How I Make Coke. In this example the Drinks link is not clickable because i put # as the link. Is there anyway i can click the Drinks and it will expand the menu?
Hmm.. I was trying to stay away from adding java but i could maybe add in some jquery for links thats link is # or blank. This was meant to be more of a stepping menu for hierarchial site structures with benefits for seo. Ie links to children of unactive parents arnt just hidden they arnt loaded at all. I will try to work in a fix to allow dropdowns for empty links.
One Trackback
[...] Lodret Menu widget – Info, Demo og Feature Diskussion [...]