Robert O'Rourke

<p>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>
<p>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>
<h4>Usage</h4>
<p>If you are using the plugin with a theme you can use the function <code>dropdown_menu()</code> in place of calls to <code>wp_nav_menu()</code>.</p>
<p>The <code>dropdown_menu()</code> function takes the same arguments as <code>wp_nav_menu()</code> with the addition of three extras:</p>
<pre><code><?php
dropdown_menu( array(

    // You can alter the blanking text eg. "- Menu Name -" using the following
    'dropdown_title' => '-- Main Menu --',

    // indent_string is a string that gets output before the title of a
    // sub-menu item. It is repeated twice for sub-sub-menu items and so on
    'indent_string' => '- ',

    // indent_after is an optional string to output after the indent_string
    // if the item is a sub-menu item
    'indent_after' => ''

) );
?>
</code></pre>
<p>You can extend and alter the output of the dropdowns using the output filters available in the code.</p>
<p>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 (<code>.menu-item-depth-1</code> for example) aswell the usual <code>.current-menu-item</code> and <code>.current-menu-ancestor</code> classes.</p>
<h4>Filters/Hooks</h4>
<p><strong>dropdown_blank_item_text</strong></p>
<pre><code><?php
add_filter( 'dropdown_blank_item_text', 10, 2 );
function my_dropdown_blank_text( $title, $args ) {
    return __( '- Browse -' );
}
?>
</code></pre>
<p>If you want to show the menu title as the blank item text use the follwing code:</p>
<pre><code><?php
add_filter( 'dropdown_blank_item_text', 'dropdown_menu_use_menu_title', 10, 2 );
function dropdown_menu_use_menu_title( $title, $args ) {
    return '- ' . $args->menu->name . ' -';
}
?>
</code></pre>
<p><strong>dropdown_menus_indent_string</strong></p>
<pre><code><?php
add_filter( 'dropdown_menus_indent_string', 10, 4 );
function my_dropdown_indent_string( $indent_string, $item, $depth, $args ) {
    return str_repeat( '&nbsp;&nbsp;', $depth );
}
?>
</code></pre>
<p><strong>dropdown_menus_indent_after</strong></p>
<pre><code><?php
add_filter( 'dropdown_menus_indent_after', 10, 4 );
function my_dropdown_indent_after( $indent_after, $item, $depth, $args ) {
    return '-';
}
?>
</code></pre>
<p><strong>dropdown_menus_class</strong></p>
<p>Use this if you find you get class name or CSS conflicts, for example with Twitter Bootstrap.</p>
<pre><code><?php
add_filter( 'dropdown_menus_class', create_function( '$c', 'return "my-dropdown-menu-class";' ) );
?>
</code></pre>
<p><strong>dropdown_menus_select_current</strong></p>
<p>Use this filter to stop the output of the <code>selected="selected"</code> attribute. Useful if you prefer to show the blank option on every page.</p>
<pre><code><?php
add_filter( 'dropdown_menus_select_current', create_function( '$bool', 'return false;' ) );
?>
</code></pre>
<h4>Can I make sure this plugin is available to my theme?</h4>
<p>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>
<p>If you place the plugin folder into your theme’s directory you would use the following code in your functions.php file:</p>
<pre><code><?php
if ( ! function_exists( 'dropdown_menu' ) )
    include( 'dropdown-menus/dropdown-menus.php' );
?>
</code></pre>


Dropdown Menus

Display your WordPress menus as a dropdown select box. Great for mobile designs.

Brian

<p>Add content from multiple post types on one page with a dropdown to switch between them. Dropdowns are displayed on the frontend of your site and can query posts via Ajax, inline, or redirection.</p>
<h4>Features</h4>
<ul>
<li>Create unlimited dropdowns</li>
<li>Display on any post or page using the included shortcode</li>
<li>Drag and drop posts to reorder them within a dropdown</li>
<li>Decrease page load by dynamically querying posts via Ajax</li>
<li>Use inline dropdowns to quickly switch between posts</li>
<li>Redirection method also available</li>
</ul>
<h4>Get Involved</h4>
<p>Developers can contribute via the <a href="https://github.com/ThemeBoy/ajax-dropdowns" rel="nofollow ugc">Ajax Dropdowns GitHub Repository</a>.</p>
<p>Translators can contribute new languages to Ajax Dropdowns and our other WordPress plugins through <a href="https://www.transifex.com/projects/p/wp-plugins/" rel="nofollow ugc">Transifex</a>.</p>


Ajax Dropdowns

Display a group of posts that can be switched using dropdowns.

Dropdown Menus vs Ajax Dropdowns