Code Amp

DesignsAndCode

<p>Forget About Shortcode (FASC) Buttons are a visual way to add CSS buttons in the rich text editor and to your themes.  Instead of adding shortcodes in the post editor, you insert real, styled buttons – making the process of adding buttons to your posts and pages much more natural whilst improving the appearance and usability of the post editor.</p>
<p><iframe loading="lazy" title="Forget About Shortcode (FASC) Buttons for WordPress" width="750" height="422" src="https://www.youtube.com/embed/BA9ruSe-i1A?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>FASC Buttons tries to be as clean as possible with the html, only using data attributes for necessary features – the buttons you use in the post editor use the exact same classes as on the front end of your site with no extra or hidden markup to make them behave this way.</p>
<ul>
<li>
<p>New – add FASC buttons to widgets in WP 4.8 🙂</p>
</li>
<li>
<p>Editing a button couldn’t be easier – just double click a button and an options panel appears allowing you to completely reconfigure the current button – beats tedious shortcodes and using precise syntax!</p>
</li>
<li>
<p>Utilises the latest CSS properties for styling</p>
</li>
<li>
<p>Includes Dashicons & <a href="http://fortawesome.github.io/Font-Awesome/icons/" rel="nofollow ugc">Font Awesome Icons</a> to add to your buttons and use in your themes.</p>
</li>
</ul>
<p><strong>Your ratings mean a lot – if you like the plugin please consider leaving a review.</strong></p>
<p><strong>This plugin is only compatible with WordPress 4.2 and upwards (download version 1.x for compatibility with WP 3.9 – 4.1)</strong></p>
<h4>Links</h4>
<ul>
<li><a href="http://www.designsandcode.com/551/wordpress-forget-about-shortcode-buttons/" rel="nofollow ugc">FASC Buttons Discussion</a></li>
<li><a href="https://www.youtube.com/watch?v=BA9ruSe-i1A" rel="nofollow ugc">FASC Buttons Video Demo</a></li>
</ul>


Forget About Shortcode Buttons

... and this has it. Works exactly as advertised and is WYSIWYG. In edit mode, the buttons don't shrink when they receive focus, which I've seen on other plugins. There are a wide variety of choices for appearance, and the icons feature is an excellent addition. It just works.

I look for ease of use...

A visual way to add CSS buttons in the rich text editor and to your themes.

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.

Forget About Shortcode Buttons vs StylePress for Elementor