Forget About Shortcode (FASC) Buttons plugin for WordPress is a visual way to add buttons in the post editor screen. 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.
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.
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!
Grab the download from the WordPress Plugin Repository:
How to use
Once you’ve downloaded the plugin and installed it in to your WordPress site, you will find a new button on the toolbar in your post edit screen. This will display a popup allowing you to create a new button in your post/page. Create your button, click submit and that’s it! You’ll be able to see your new button in the post editor as you would on the front end of your site – and if you’re not happy with it, just double click one of the buttons you have created to edit it 🙂
This plugin will only work with WordPress 3.9 and up.
This is due to this plugin utilising new functionality of the TinyMCE editor which comes with WP 3.9 – I will therefor be unable to support any versions of WP prior to this.
The best place to get support for this plugin is over on the WordPress support forum. I can’t guarantee lighting fast responses but I do my best to check there and respond to any queries,
Some notes in general about CSS3 compatibility
Most of you interested in CSS only buttons will already know what they’re about, and why they are so much better over the old outdated ways of how we used to create buttons and what the common pitfalls are…
But for those that don’t know – you need to be aware that not all CSS3 properties we use in these buttons are supported by all the major browsers – in general support is good so these or any other CSS3 buttons you use will look pretty much the same across most modern browsers, but if you need to know exactly what is and isn’t supported by your browser it would be a good idea to check this compatibility chart by findmebyIP.
All the buttons generated from this plugin work across all modern browsers utilising CSS3 for effects:
- Desktop Browsers – Chrome, Firefox, Safari, Opera, IE
- Browsers on Touch Devices – Android Browser, Chrome, Safari, Opera
Admin Compatibility – the post edit screen
As per the front end and for your users, your browser must be able to support the CSS3 properties in order to be able to see them.
The visual editor integration with TinyMCE has been tested and is compatible on Chrome, Firefox, IE9+, Safari and Opera. If you are using this on another browser please let me know and I can add it to the list here.
*WordPress 3.9+ uses the TinyMCE 4.x editor on the post edit screen – it does not work well in IE8 and nor will this plugin.
*The admin interface has not yet been tested with Touch devices.