<p>This is a utility plugin that will allow other plugins and themes to swap out shortcodes with custom images, in the same way that WordPress’ native gallery shortcode does this. Replacement images can be clicked to reveal a ‘delete’ button.</p>
<p>This works extremely well when your shortcode already has a tinymce button, but does work for manual shortcodes too.</p>
<p>This plugin does not support multi-line shortcodes or non-self-closing shortcodes (e.g. it supports <code>[foo bar="baz"]</code> but not <code>[foo]bar baz[/foo]</code>). Honestly, I don’t even know what would happen if you tried to use one. It may work, but it’s entirely unsupported.</p>
<p>To add your shortcode, hook onto the filter <code>'jpb_visual_shortcodes'</code>. That filter will pass one array as an argument. Each element of that array is an associative array which must contain values for the following keys:</p>
<ul>
<li><code>shortcode</code> The name of the shortcode to replace</li>
<li><code>image</code> The url of the image to replace the shortcode with.</li>
</ul>
<p>Additionally, the array may contain the optional parameter <code>command</code>, which must be a valid tinymce command. If present, this value will trigger a second UI button (‘Edit’) when the user clicks the replacement image which, when clicked, will execute the tinymce command passed as the value.</p>


Visual Shortcodes

This is a utility plugin that will allow other plugins and themes to swap out shortcodes with custom images, in the same way that WordPress' nati …

ThemeFuse

<p><iframe loading="lazy" title="Brizy Presentation Video" src="https://player.vimeo.com/video/263343966?dnt=1&app_id=122963" width="750" height="422" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe></p>
<p>A page builder that is fast & easy, <a href="https://brizy.io/" rel="nofollow ugc">Brizy</a> is a next-gen website builder that anyone can use. No designer or developer skills required. Once you go Brizy, nothing else feels easy!</p>
<h3>Highlights</h3>
</p>
<h4>Smart & clutter free</h4>
<p>Most page builder crowd all the options for a specific element in remote sidebars, making it hard to focus on the task at hand. Our website builder shows only what’s needed, front & centre, close to the element you are editing.</p>
</p>
<h4>Intuitive drag & drop</h4>
<p>Moving content elements, columns or rows is a breeze with our intuitive Drag & Drop feature. Just grab and drag them to the desired position and everything will instantly fall into place.<br />
keyword
</p>
<h4>Page Builder Design elements</h4>
<p>Text, buttons, images, icons, video, maps and many more are ready to help you create your page design in a snap.</p>
</p>
<h4>Over 500 pre-made blocks</h4>
<p>Expertly crafted with conversions in mind, the Brizy website builder design kit is a collection of 500+ blocks that will enable you to create websites in minutes.</p>
</p>
<h4>Over 4000 icons included</h4>
<p>Available in both Outline and Glyph versions, even the most demanding icon needs are covered. Quickly find the icons you’re after by filtering through categories or searching by keywords.</p>
</p>
<h4>Global styling</h4>
<p>Ever wanted to change all the similar colors in your web page with a single click? With Brizy page builder, you can! Not only that, but you can change all texts that share the same properties in one go, as well.</p>
</p>
<h4>Mobile Friendly</h4>
<p>Switch instantly to Mobile View mode, where you can make changes that will only apply to these type of devices. This gives you the power to differentiate your page design and optimise for smaller screens.</p>
</p>
<h4>Smart text editor</h4>
<p>Just click and type to edit all the texts in-place. Changing colors, fonts, alignments right there on the spot allows you to have a perfect representation of how the design will look like in the end.</p>
</p>
<h4>Images done right</h4>
<p>The Brizy page builder lets you take full control over your website images by harnessing our powerful and easy-to-use options. Upload, focus, zoom and resize are all done effortlessly, in a matter of seconds.</p>
</p>
<h4>Content adjustments</h4>
<p>Just a couple of clicks are needed to make content adjustments in width, height and alignment. All done with intuitive options, placed where they should be.</p>
</p>
<h4>Undo / Redo</h4>
<p>Don’t worry if you make a mistake or delete something that you shouldn’t have. With Undo you can get everything back.</p>
<h4>Liked Brizy?</h4>
<ul>
<li>Join our <a href="https://www.facebook.com/groups/brizy" rel="nofollow ugc">Facebook Group</a>.</li>
</ul>


Brizy – Page Builder

A page builder that is fast & easy, Brizy is a next-gen website builder that anyone can use. No designer or developer skills required.

Visual Shortcodes vs Brizy – Page Builder