Diana van de Laarschot

jamocreations

The default custom menu in WordPress only allows checking the “Automatically add new top-level pages” (Appearance > Menus) or adding a Navigation block with all pages and all child pages (Appearance > Editor).
With Auto Submenu you get extra functionality to automatically include child pages into the menu.
NEW: ASM now provides support for the Customizer via Appearance > Customize 
NEW: ASM now provides support for Full Site Editing with the Gutenberg Block Editor via Appearance > Editor
<h3>Using it</h3>
Enable the plugin and go to Appearance > Editor.
For each Page in your menu, you now have the following extra configuration options:
<ul>
<li>Add child pages as submenu y/n; </li>
<li>child pages are ordered ascending by Menu Order;</li>
<li>specify the (maximum) nesting depth of children you want to show (max 3);</li>
<li>specify the title for the child pages. For this you can use %post_title, %post_author and other wildcards, see ‘Other Notes > Wildcards’. Default value: %post_title</li>
</ul>
Via Appearance > Menus and Appearance > Customize you also get the following option:
<ul>
<li>Check the “Automatically add new top-level and all its child pages to this menu (Auto Submenu)”-checkbox.</li>
<li>If this option is checked, all top-level pages will automatically be added and will automatically have all child pages added as submenu.</li>
</ul>
With the Free version you cannot control the nesting depth of the child pages, all subpages are added, regardless the depth of the page tree.
<h4>Wildcards</h4>
You can control the title of the menu items generated by the plug-in with the following wildcards:
<ul>
<li>%post_title</li>
<li>%post_author</li>
<li>%post_date for the unformatted post date: 2012-11-10 18:14:23</li>
<li>%post_date() for a formatted post date with the following default formatting: November 10th, 2012</li>
<li>%post_date(<your formatting here>) for custom date formatting. Example: %post_date(l jS \of F Y, h:i:s A). See <a href="https://codex.wordpress.org/Formatting_Date_and_Time" rel="nofollow ugc">https://codex.wordpress.org/Formatting_Date_and_Time</a> for formatting options.</li>
<li>%post_date_gmt</li>
<li>%post_date_gmt()</li>
<li>%post_date_gmt(<your formatting here>)</li>
</ul>

Auto Submenu

Good, saved me from a lot of work. Bookmarked



Perfect!

Dynamic menus: Add a page to your menu and then let WordPress automatically add the child pages.

David Mosterd

Tobias Schutter

Uses the native <a href="https://codex.wordpress.org/Function_Reference/wp_nav_menu" rel="nofollow ugc">wp_nav_menu()</a>. Add parameters to the wp_nav_menu() to enable functionality. 
Also, ships with one-click delete menu-items in the WordPress admin. Turned off or on using the screen-options. Sweet.
Examples
This will get the first sub-menu from the active branch and 2 levels beyond (menu + sub-menu + sub-menu):
<pre><code>wp_nav_menu( array(
 'level' => 2,
 'depth' => 3
));
</code></pre>
Show the current branch only:
<pre><code>wp_nav_menu( array(
 'level' => 1
));
</code></pre>
Aimed on simple use in various use cases:
<pre><code>// display first level in the header
wp_nav_menu( array(
 'depth' => 1
));

// display first sub-menu from the current branch somewhere else
wp_nav_menu( array(
 'depth' => 2,
 'level' => 2
));
</code></pre>
Another feature is it’s control over the css classes that are given to a menu-item. You might be faced with css selectors 
which you cannot change. The ‘codepress_menu_filter_classes’ filter can be used in your functions.php to set the class property:
<pre><code>/**
 * Change the classes of a menu item
 *
 * @param array $classes List current classes
 * @param object $item Current menu item
 * @param array $items Current list of items (per level)
 * @param integer $k Key of the current item in $items
 */
function codepress_menu_item_classes( $classes, $item, $items, $k ) {
 // mark the first item
 if ( reset( $items ) == $items[ $k ] )
 $classes[] = 'first';

 // mark the last item
 if ( end( $items ) == $items[ $k ] )
 $classes[] = 'last';

 // map the WordPress default 'current-menu-item' class to 'active'
 if ( in_array( 'current-menu-item', $classes ) )
 $classes[] = 'active';

 return $classes;
}
add_filter( 'codepress_menu_item_classes', 'codepress_menu_item_classes', 10, 4 );
</code></pre>
Simple Menu Delete
It ships with one-click delete menu-items within WordPress. 
This functionality was integrated from our Simple Menu Delete plugin and enhanced a bit:
<ul>
<li>Turned off or on using the screen-options.</li>
<li>Display is more in line with WordPress’s way of delete-links.</li>
<li>Works exactly the same now as the nested delete-link which is a click further inside the menu item.</li>
</ul>

Codepress Menu

Allows you to display a sub-menu, it's depth from there on and gives you control over the menu-item classes.

Auto Submenu vs Codepress Menu