Sometimes for mobile design or more generally small-screen design it can be beneficial to save space by using a dropdown for your navigation.<\/p>\n\n
This plugin provides a way to display your custom menus as dropdowns either using a widget or a function call and can be used as an include in any theme.<\/p>\n\n
If you are using the plugin with a theme you can use the function The You can extend and alter the output of the dropdowns using the output filters available in the code.<\/p>\n\n There are also plenty of styling hooks like in the standard list type menus with the addition of classes for targetting items at a certain depth in the menu ( dropdown_blank_item_text<\/strong><\/p>\n\n If you want to show the menu title as the blank item text use the follwing code:<\/p>\n\n dropdown_menus_indent_string<\/strong><\/p>\n\n dropdown_menus_indent_after<\/strong><\/p>\n\n dropdown_menus_class<\/strong><\/p>\n\n Use this if you find you get class name or CSS conflicts, for example with Twitter Bootstrap.<\/p>\n\n dropdown_menus_select_current<\/strong><\/p>\n\n Use this filter to stop the output of the If your theme requires this plugin to be available it will work as a simple include. Just place the plugin into your theme directory and include dropdown-menus.php from your functions.php file.<\/p>\n\n If you place the plugin folder into your theme's directory you would use the following code in your functions.php file:<\/p>\n\ndropdown_menu()<\/code> in place of calls to wp_nav_menu()<\/code>.<\/p>\n\ndropdown_menu()<\/code> function takes the same arguments as wp_nav_menu()<\/code> with the addition of three extras:<\/p>\n\n<?php\ndropdown_menu( array(\n\n \/\/ You can alter the blanking text eg. \"- Menu Name -\" using the following\n 'dropdown_title' => '-- Main Menu --',\n\n \/\/ indent_string is a string that gets output before the title of a\n \/\/ sub-menu item. It is repeated twice for sub-sub-menu items and so on\n 'indent_string' => '- ',\n\n \/\/ indent_after is an optional string to output after the indent_string\n \/\/ if the item is a sub-menu item\n 'indent_after' => ''\n\n) );\n?>\n<\/code><\/pre>\n\n.menu-item-depth-1<\/code> for example) aswell the usual .current-menu-item<\/code> and .current-menu-ancestor<\/code> classes.<\/p>\n\nFilters\/Hooks<\/h4>\n\n
<?php\nadd_filter( 'dropdown_blank_item_text', 10, 2 );\nfunction my_dropdown_blank_text( $title, $args ) {\n return __( '- Browse -' );\n}\n?>\n<\/code><\/pre>\n\n<?php\nadd_filter( 'dropdown_blank_item_text', 'dropdown_menu_use_menu_title', 10, 2 );\nfunction dropdown_menu_use_menu_title( $title, $args ) {\n return '- ' . $args->menu->name . ' -';\n}\n?>\n<\/code><\/pre>\n\n<?php\nadd_filter( 'dropdown_menus_indent_string', 10, 4 );\nfunction my_dropdown_indent_string( $indent_string, $item, $depth, $args ) {\n return str_repeat( ' ', $depth );\n}\n?>\n<\/code><\/pre>\n\n<?php\nadd_filter( 'dropdown_menus_indent_after', 10, 4 );\nfunction my_dropdown_indent_after( $indent_after, $item, $depth, $args ) {\n return '-';\n}\n?>\n<\/code><\/pre>\n\n<?php\nadd_filter( 'dropdown_menus_class', create_function( '$c', 'return \"my-dropdown-menu-class\";' ) );\n?>\n<\/code><\/pre>\n\nselected=\"selected\"<\/code> attribute. Useful if you prefer to show the blank option on every page.<\/p>\n\n<?php\nadd_filter( 'dropdown_menus_select_current', create_function( '$bool', 'return false;' ) );\n?>\n<\/code><\/pre>\n\nCan I make sure this plugin is available to my theme?<\/h4>\n\n
<?php\nif ( ! function_exists( 'dropdown_menu' ) )\n include( 'dropdown-menus\/dropdown-menus.php' );\n?>\n<\/code><\/pre>\n\n\n1.0<\/h4>\n\n
\n
0.9<\/h4>\n\n
\n
0.8<\/h4>\n\n
\n
0.7<\/h4>\n\n
\n
0.6<\/h4>\n\n
\n
0.5<\/h4>\n\n
\n
0.4<\/h4>\n\n
\n
0.3<\/h4>\n\n
\n
0.2<\/h4>\n\n
\n