Maxime Pertici

<p>Hightlight your blocks and stop clicking everywhere to find them.<br />
Reveal your blocks with a new keyboard shortcut (Ctrl + Alt + R) or with the plugin sidebar.</p>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/515715026" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>


Block Revealer

I decided to review your plugin BEFORE testing it because the idea should be in core. I don’t like Gutenberg but plan to use it on some sites as page builder and I think I will love your plugin.

I should give ten stars

Even if the block editor UI is getting better and better, this keyboard shortcup is still super useful. Thanks Maxime 👍

Does what it says it will do

Thanks Maxime, your plugin saves me a lot of time.
It doesn't seem to be a big deal, but these few borders improve the editor interface a lot. Maybe one day in core... ? :-)

Just a little note: I searched a while before finding the keyboard shortcut to use to activate the feature. Maybe the information would be welcome directly in the plugin description.

Simple and effective

For reasons that are difficult to understand, Gutenberg devs have decided to gradually remove any kind of block outline. This plugin brings back this necessary feature. Thanks.

Great plugin!

Reveals the blocks invisible lines better than what the EditorsKit does (way better), BUT, you have to make sure that you use the key. shortcut while you have not selected any block, otherwise the shortcut will also change that selected block's alignment to the right. Maybe having a different shortcut would be another way to go, or even better, a button instead on the top toolbar.

Otherwise, excellent plugin, I am sticking to the 5 stars,
Thanks. 

Deserves 5 stars, but...

Hightlight your blocks and stop clicking everywhere to find them.

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.

Block Revealer vs Dropdown Menus