With this plugin you can easily add various kinds of styled boxes, buttons, tabs, accordions, unordered lists, columns and more.
New in version 2.0, the box, button, list and tab shortcodes support custom FontAwesome icons for a flexible display
- 6 style shortcodes (accordions, boxes, tabs, toggles, etc…)
- 6 utility shortcodes (login-logout, highlight, etc…)
- Shortcodes for up to 5 column display
- FontAwesome support for boxes, buttons, lists, and tabs gives your interactive elements that extra pop
- Responsive shortcode design to fit any screen
- Has a Compatibility Mode available to help prevent shortcode name conflicts
- What is compatibility mode?
Compatibility mode adds a prefix to all the plugin’s shortcodes. This was put into place to help avoid conflicts with other themes or plugins that used the same shortcode (like
- How do I enable compatibility mode?
Place the following code in your theme’s
define( 'ACS_COMPAT', true ); // Arconix Shortcodes Compatibility Mode
Now when adding a shortcode, just make sure they start
- Where can I find more information on how to use the shortcodes?
- How can I collapse all the accordions?
While you can set the accordions to all collapse when the page is first loaded, the jQuery Tools script that powers these accordions does not support closing all the accordions once one has been opened.
- The Accordions/Tabs/Toggles isn’t working
While you can certainly start a thread in the support forum, there are some troubleshooting steps you can take beforehand to help speed up the process.
footer.phpfile is likely missing
<?php wp_footer(); ?>, which is necessary for the operation of mine and many other plugins. If you’re unable or unwilling to resolve the issue yourself, contact the theme developer for assistance.
- Check to make sure only one copy of jQuery is being loaded. Many times conflicts arise when themes or plugins load jQuery incorrectly, causing it to be loaded multiple times in multiple versions. In order to find the offending item, start by disabling your plugins one by one until you find the problem. If you’ve disabled all your plugins and the issue still persists, try switching to a different them, such as TwentyTen or TwentyTwelve to see if the problem is with your theme. Once you’ve found the problem, contact the developer for assistance getting the issue resolved.
- I have a problem or a bug
- I have a great idea for your plugin!
- Enhancement – Updated to 4.6.3 of the FontAwesome CSS.
- Enhancement – Added a filter to make it easier for users to update the FontAwesome version
- Bug – Fixed a PHP error notice
- Fixed a bug which was causing compatibility issues with some themes
- Fixed the alignment of toggle icons when embedding them inside boxes
- Formally set the toggle text color, which should fix most text color issues
- Added title support to button anchor tag
The light box colors are back. Blue, Green, Red and Tan now have light variants that match the version 1.x colors.
- Bug – Fixed a foreach() error that affected some users
- Bug – Fixed the icon position in the box shortcode to reflect previous functionality
- Enhancement – minor improvements in some shortcode CSS
This is a large update. I tried to maintain as much backward compatibility as possible, however there may be instances where you get unexpected behavior. If possible, test this in a staging environment first, or if none available, test your site after updating the plugin and let me know of any issues.
- Other – Removed the googlemap shortcode. There are other plugins available that are better for the task. If you are currently using my googlemap shortcode, please add code from this link to your theme’s
functions.phpfile to add the shortcode back in
- Feature – Updated the color spectrum to be more modern and support more default colors.
- Feature – Added support for FontAwesome icons with most shortcodes. The entire list of icons available here: http://fontawesome.github.io/Font-Awesome/icons/
- Enhancement – Added 2 additional button styles (flat and clear) which gives users additional display options
- Enhancement – Remove the MSIE specific filter property which was preventing sites from passing a W3C check
- Enhancement – Minify the CSS which improves download time and site speed
- Enhancement – On relevant shortcodes (accordions and columns) the use of
last=yis no longer necessary as
lastby itself will work
- Enhancement – Improved sanitization strings which should fix broken output in certain non-English languages
- Updated toggle shortcode to be compatible with jQuery 1.9+
- Added shortcode parameter to allow the user to set the initial state of the toggle (closed or open)
- Restricted the dashboard widget to only show up for administrator users
- Added a filter to simplify prevention of the dashboard widget from loading at all
- Fixed a bug in the output of custom toggle CSS
- Improve the JS and CSS file overrides
- Other small fixes and improvements
- Added a color spec to the button hover code for more consistent behavior
- Improved the plugin’s ability to control for themes which force bullet points on list items
- Fixed a bug in the button code
- Added support for compatibility mode which will eliminate collisions with other shortcodes using the same name.
- Added a meta box to the post and page screens that list all the shortcodes as well as a link to the documentation. Should help with trying to remember the shortcode names
- Added support for overriding the jQuery Tools registration which will allow the user to override which version of jQuery Tools is loaded without modifying core plugin code.
- Improved inline documentation in the code
- fixed a bug with the accordion script
- changed from a ‘p’ to a ‘div’ tag on the box shortcode (now allows the use of heading tags inside the box)
- properly clearing floats on column tags so they can be stacked
- Fixed a bug in the output script for the Google Map shortcode
- Tabs in prior tab groups will no longer show up in subsequent tab groups on the same page
- A floated image in a tab will now stay in its tab container properly
- Updated to v1.2.7 of the jQuery Tools library
- Added ‘target’ and ‘rel’ attribute support for button links
- Fixed a style bug regarding the alignment of bullet points
- Fixed a style bug regarding the padding and margin of tab titles
- Fixed a bug which was preventing the accordions from loading properly
- Completely re-written codebase
- Added ability to link to a specific tab through the use of anchor links. Read the documentation for more information on how to set those up
- Added an open and closed state image for the accordions
- Changed the toggle heading to a div due to css specificity conflicts when using heading tags
- Added a dashboard widget which includes links to plugin related blog posts on arconixpc.com as well links to the wiki page and WordPress support forum
- Maybe one of these days I’ll get this right. Thanks to @gasie for setting me straight. This plugin is now loading jquery-tools without the a bundled jQuery. As such, I’ve added a jQuery dependency to my script registration which will load the WordPress supplied version. All of that simply means jQuery conflicts with other properly-coded plugins should be a thing of the past.
- accidently supplied the wrong version of jquery-tools script
- update the jquery-tools script to the latest v1.2.6
- Fix a typo in the four_fiths column function
- Added a load attribute to the accordions shortcode. This attribute allows the user to define which accordion is open by default when the page loads. The default is 1 and will load with the 1st accordion visible, but supports 0 (all accordions load closed) through 5 (the 5th accordion is open on load).
- Initial Release