Johann Heyne

Fix <a href="https://core.trac.wordpress.org/ticket/12061" rel="nofollow ugc">known issues</a> when shortcodes are embedded in a block of content that is filtered by wpautop.
<h4>for Theme Developers</h4>
If you are developing a theme to provide this on a marketplace, you better embed the following code in your functions.php. This code filters only the shortcodes you defined. Otherwise you risk a failed review because the code in the plugin filters content in general which may is not acceptet.
<pre><code>function shortcode_empty_paragraph_fix( $content ) {

 // define your shortcodes to filter, '' filters all shortcodes
 $shortcodes = array( 'your_shortcode_1', 'your_shortcode_2' );

 foreach ( $shortcodes as $shortcode ) {

 $array = array (
 '[' . $shortcode => '[' .$shortcode,
 '[/' . $shortcode => '[/' .$shortcode,
 $shortcode . ']' => $shortcode . ']',
 $shortcode . '] ' => $shortcode . ']'
 );

 $content = strtr( $content, $array );
 }

 return $content;
}

add_filter( 'the_content', 'shortcode_empty_paragraph_fix' );
</code></pre>
Another solution that is acceptet at the envato (themeforest) marketplace comes from <a href="https://gist.github.com/bitfade/4555047" title="a Gist on Github" rel="nofollow ugc">bitfade</a>.

Shortcode Empty Paragraph Fix

The standalone function work great , thank you

It's work

This simply plugin resolve the issue in mine.
I added the function and filter to my own plugin if it did not already exist.


Thanks! It solves my issue

Fix known issues when shortcodes are embedded in a block of content that is filtered by wpautop.

kubiq

Fix the broken layout when too many items are displayed in your admin bar, remove the annoying top margin, hide some unnecessary items from your admin bar
<ul>
<li>fix multiline admin bar</li>
<li>remove 32px margin inserted by WordPress</li>
<li>hide admin bar for any user role</li>
<li>hide admin bar on smaller screens</li>
<li>hide admin bar items that you do not need</li>
<li>
 select from 3 admin bar styles:
<ol>
<li>ghost – set lower opacity and smaller height and expand it on hover</li>
<li>vertical – show admin bar as icons in a vertical panel and expand it on hover</li>
<li>icon – hide admin bar into a single small icon and expand it on hover</li>
<li>bottom – move admin bar to the bottom of your screen, you can also set similar things like in the ghost style</li>
</ol>
</li>
<li>
 settings:
<ul>
<li>Position</li>
<li>Inactive opacity</li>
<li>Inactive size</li>
<li>Animation duration</li>
<li>Mouse enter delay</li>
<li>Mouse leave delay</li>
</ul>
</li>
</ul>

Admin Bar Fix

Fix broken layout when too many items are displayed in the admin bar, remove annoying top margin, hide some unnecessary items from your admin bar

Shortcode Empty Paragraph Fix vs Admin Bar Fix