description:
Dropdown Menu widget adds a beautiful, CSS only dropdown menu, listing pages OR categories of your blog. Here are some amazing features of the widget:
- Create vertical or horizontal dropdown menus,
- Supports multiple instances. Add as many as you like!
- Comes with various beautiful themes! Select a theme for your widget from the Dropdown Menu Settings page
- It is FULLY customizable through CSS. Check out this simple tutorial to customize your dropdown menu. It is so easy!
Visit Dropdown menu widget on WordPress Plugins to download the plugin.
installation:
- Upload the plugin to your
/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Go to Appearance -> Widgets to add this widget to one of your sidebars
- You can also use
<?php shailan_dropdown_menu(); ?>in your template to display the menu. - Don’t forget to change menu settings from Settings -> Dropdown Menu panel.
frequently asked questions:
I added this widget but it looks all weird!
This widget is intented for wide header widget areas, not regular sidebars. You can add a sidebar to your theme or you can get a all-widget theme from
Can i create my own theme?
Since this plugin works on CSS, if you are capable of writing CSS, you can customize the theme as you like it.
I don’t know CSS, how can i customize it?
Plugin comes with various themes already installed. If you want something different, then you can request a new theme.
How can i hide pages from menu?
You can use Exclude Pages plugin to hide certain pages from menu.
How can i edit link title attributes?
You can use this plugin called Page Lists Plus. Unfortunately it allows you edit page lists only.
How can I add custom links to my dropdown menu?
Hey, this feature comes with wordpress 3. Why not try upgrading to it?
I found a bug! Where do i submit it?
You can submit errors and bugs using the online form.
todo:
- Add option for custom menus
- Add some more themes.. Request a theme
- Request a feature
contributors & translators:
Huge thanks goes to all who contribute & help development of this plugin. If you donated and want your name here please send an email.
- Belorussian Translation – Marcis G.
download:
Please visit the official wordpress page to get the latest version of the dropdown menu widget here.
donate:
If you find this widget useful please consider a little donation. Not much but just a few bucks.
Thanks!
related:
If you like this plugin you may also like my other wordpress plugins:
Loading ...
79 Comments
Hello there – thank you for a great plugin! One of the links on my menu needs to be hard-coded as a static link to an external website (rather than to an interior wordpress page on my site). Is there a way to do that with your plug in? Thank you!
Hello Kristin, yes there is a way to do that. First you need to upgrade your wordpress to version 3.0. Then you can create a custom menu from Appearance > Menus section comes with WP3. After you create the custom menu it will be visible in the selector of dropdown widget with the name you created. This way it will use custom menu you just created. Custom menus are a great way to create navigation menus since editing is easier than hard coded menus. If you can’t update wordpress you can also create a fake page and then use “Page links to” plugin to redirect this page to another site. Thanks for the feedback.
Hello, this plugin is great, but I am having an issue with this plugin.
It doesn’t appear on the home page or any parent pages, infact the only page it appears on is the page of a particular post and no where else, could you please let me know on how to fix that?
And the settings don’t ever change, like when I change the color or anything else in its settings page, and after I click on save, all it does is just refresh the page and switch to the original selections.
Any help will be greatly appreciated.
Thanks
Mani
Hello, I’m currently using the ‘shiny black’ drop down menu theme (from Shailan) for the website im helping to design: UWDECA Website (http://uwdeca.com).
Though it looks wonderful in Firefox (which most of the other members have been using) – when used in internet explorer each menu item spans horizontally and stacks on top of one another.
Is there a way to fix this problem? Was it that I had not installed it right, or was it an error with this version of the plugin (1.5.3)? (not that I don’t love the plugin, because I do…it’s just a little annoying since sponsors generally use IE as their browsers at work).
Thank you!
I’ve created a new theme, with files in a folder similar to the structure of Adobe and other included folder-stored themes.
However, when I upload the new theme folder via FTP into the Themes folder alongside the included ones, it still doesn’t come up as an option in the drop-down list for Themes under settings for this plugin.
How can I get the plugin to recognize a newly created theme, rather than just CSS-bash an existing theme folder and leaving the original folder title intact? Doing it the 2nd way means everything gets overwritten every time I update the plugin.
I’ve added a custom css field on the options page. You can paste content of this file to that Custom CSS area. And it will never be overwritten again.
Also you can always paste it at the end of your own theme stylesheet and select None from dropdown menu theme. This way even though the plugin changes your theme will still remain.
I don’t recommend using plugin folders or files for customization, since they may change in time.
Thanks for your feedback.
thanks – but calling CSS then ignoring that CSS in favour of other CSS stuffed in a custom box through settings isn’t very elegant.
As for making my own CSS sheet and selecting none, I’m using images and 2 CSS sheets so it isn’t as simple as making one CSS sheet and sticking it somewhere – folders keep things neat. Since I’m making a theme folder, I may as well store it with the other theme folders for this plugin, otherwise I’m scattering things all over the place.
Hence my question of how can I get the plugin to recognize a new theme – which didn’t really get answered.
Well plugin folders are for plugin developers.
If you use them to store your files they will be deleted everytime you update the plugin.
Use this simple steps for your css.
1. Put your files under your theme folder.
2. Put this simple import code on TOP of your stylesheet.css to import them:
@import url(my-dropdown-menu.css);
3. Select “None” from dropdown menu theme.
This way your css will be safe.
I am not planning to recognize css files in the plugin folder.
4 Trackbacks
Pingback: New dropdown theme! | shailan
Pingback: Tutorial: Create your very own dropdown menu stylesheet | Shailan
Pingback: Custom Dropdown Menu Using Wordpress 3 Nav Menus | Shailan.com
Pingback: Custom Dropdown Menu Using Wordpress 3 Nav Menus | Shailan.com