<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 …

dtbaker

<p>This is a free plugin for <strong><a href="https://elementor.com/pro/?ref=1164&campaign=readme" rel="nofollow ugc">Elementor Page Builder</a></strong>.</p>
<p>It provides two things:</p>
<ul>
<li>A full site builder using Elementor (design your entire website without a Theme)</li>
<li>Adds extra widgets to Elementor (e.g. Tooltip, Navbar, Mailchimp, Modal Popups, Page Slider, etc..)</li>
</ul>
<p>Watch this introduction video that covers some of the basics:</p>
<p><iframe loading="lazy" title="StylePress Beta Preview: Creating your first site style" width="750" height="422" src="https://www.youtube.com/embed/2I5WLvLarKE?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Design your entire website without a theme. Easily apply a Style to every page of your site automatically using the drag and drop editor.</p>
<h4>How to create a website design without a WordPress theme:</h4>
<ul>
<li>Go to the StylePress > Styles menu.</li>
<li>Click “Create New Style”.</li>
<li>Design your layout using the Easy Elementor Drag & Drop editor.</li>
<li>Add the “Inner Content” widget to the area that will display your content.</li>
<li>Go to StylePress > Settings</li>
<li>Apply your Style to the “Global” area</li>
</ul>
<h4>Tips:</h4>
<ul>
<li>Make sure “Remove Theme CSS” is ticked in StylePress > Settings.</li>
<li>If you find it hard to set global font default, go into Elementor > Settings and tick “Disable Global Colors” and “Disable Global Fonts”. Then install the “Easy Google Fonts” plugin and set all your defaults from Appearance > Typography.</li>
</ul>
<h4>Contributions & Bugs:</h4>
<p>Head over to github: https://github.com/dtbaker/stylepress</p>
<p>Please leave</p>
<p>Copyright @dtbaker</p>
<p>More details on our dedicated website: https://stylepress.org</p>
<p>Check out other work by dtbaker here: https://dtbaker.net</p>


StylePress for Elementor

Use Elementor to design your complete website. Reuse header/footer on all pages. No theme required.

Visual Shortcodes vs StylePress for Elementor