swinggraphics

<p><em>Intended for use with the Classic Editor plugin.</em></p>
<p>Ever get annoyed or frustrated by the way TinyMCE+wpautop+do_shortcode wreak havoc on your shortcodes, wrapping <code><p></code>s around <code><div></code>s, leaving orphan <code></p></code>s, and all sorts of craziness? This plugin allows you to specify shortcodes to be processed before those other actions, generating the clean code you expected.</p>
<p>Priority Shortcodes works by adding an action to <code>the_content</code> and <code>widget_text</code> hooks with a higher priority than <code>wpautop</code> and <code>do_shortcode</code>. The result is that those other actions run your shortcode’s final output, rather than trying to guess if it should be wrapped in <code><p></code> tags, etc.</p>
<p>The <a href="https://codex.wordpress.org/Shortcode_API#Output" rel="nofollow ugc">Codex says</a>:</p>
<blockquote>
<p>wpautop recognizes shortcode syntax and will attempt not to wrap p or br tags around shortcodes that stand alone on a line by themselves. Shortcodes intended for use in this manner should ensure that the output is wrapped in an appropriate block tag such as <code><p></code> or <code><div></code>.</p>
</blockquote>
<p>But sometimes shortcodes stand on their own on a line, wanting desperately to be wrapped in a paragraph tag, and sometimes they don’t. Like a shortcode that generates a <code><span></code> tag with some classes. <em>(Yeah, you might want to use <a href="https://codex.wordpress.org/TinyMCE_Custom_Styles" rel="nofollow ugc">custom TinyMCE styles</a> instead for a simple span.)</em></p>
<h4>Usage</h4>
<p>Where you want to process a shortcode with priority, use “[!” at the start. For example: <code>[my-shortcode]</code> becomes <code>[!my-shortcode]</code> and <code>[my-shortcode]Some content.[/my-shortcode]</code> becomes <code>[!my-shortcode]Some content.[/my-shortcode]</code>.</p>
<h4>Gutenberg</h4>
<p>Users of the new WordPress editor, “Gutenberg”, will probably not use Priority Shortcodes within the new editor, but the plugin continues to work in the Classic Editor.</p>


Priority Shortcodes

Processes specific shortcodes before wpautop() and do_shortcode()

pixelgrade

vlad.olaru

George Olaru

Andrei Lupu

Razvan Onofrei

<p>Gridable is a witty solution for WordPress lovers who want to create flexible and reliable grids in the Classic Editor. Being smoothly integrated into the <strong>WordPress Classic Editor</strong> interface, our plugin becomes a suitable choice for everyone: from people with a technical background to those who are non-techy. It simplifies the entire process of building an extensive range of grids that fit perfectly into various environments.</p>
<p>Gridable is intended for Classic Editor and TinyMCE workflows. It does not add a block editor interface.</p>
<p>Gridable allows you to create an adaptable and fully responsive grid in no time. Thanks to options such as row spacing top and bottom, row gutter and row background color everything comes in the right place without effort. Imagine playing around with bold approaches for different sections of your website through a grid system that puts convenience on top of the digital experience.</p>
<p>It has never been easier to create a dynamic grid with such ease and creative freedom.</p>
<h3>Complete control</h3>
<p>You have a particular set of options that allow you to adjust the grid content editor to your unique brand’s voice and personality. Mix and match colors, spacings, content with images, and make them yours.</p>
<h3>No coding required</h3>
<p>Gridable is accessible for everyone who handles WordPress. Being so naturally integrated into the platform, every action is a very natural behavior and doesn’t require any special skills.</p>
<h3>Continuous improvement</h3>
<p>We invest a lot of time and energy into developing Gridable in a way that makes sense and brings real value to its users so that people make the most out of it.</p>


Gridable

I really appreciate the minimal code it adds to the page. I usually write something similar to this for my client projects, but this is much nicer in several respects.

However:

	It's impossible to insert the cursor after a row if the row is the last thing in the content.
	You can't rearrange rows or cut and paste.
	The Add Row button does not work in the Text editor.
	Front-end JS file is mostly a giant comment. Minified version should be used, and possibly the dependency on jQuery removed for this tiny little function.


Nicely minimalistic, but buggy

It works and creates columns, however, it has too many bugs, in it disables other functionality in the custom editor and paste deletes the whole paragraph not just the highlighted word.

Good idea too many bugs

Gridable adds row and column layout controls to the WordPress Classic Editor.

Priority Shortcodes vs Gridable