Standout Color Boxes and Buttons WordPress Plugin

Standout Color Boxes and Buttons is a plugin for WordPress that implements colored content boxes and buttons as described in this Studiopress blog post. Style your content using convenient shortcodes in posts or pages.

DownloadDocumentationSupportDevelopment

Current Version

The most recent version of this plugin is 0.7.0. This version was released on August 16, 2014.

Features

  • CSS loads conditionally to minimize overhead
  • Rounded corners (via CSS) are optional (turned on by default)
  • Open links in a new window (optional)
  • The shortcode can be placed inside other shortcodes, ex:
  • [my_shortcode]Here is something I wrapped in [another_shortcode] shortcodes.[/my_shortcode]
  • Currently supports ten different colors. The currently available colors are
  • blue
  • gray
  • green
  • purple
  • red
  • yellow
  • black
  • white
  • orange
  • pink

Requirements

None.

How to Install

  • Upload plugin through the WordPress interface
  • Activate the plugin through the 'Plugins' menu in WordPress
  • Click "Settings" under plugin name and configure the plugin
  • Insert the shortcode on posts or pages, or call plugin function from functions.php or a plugin, or configure plugin to auto-output to posts/pages (this feature not available with all plugins)

Live Demo

This is an example of a Content Box without rounded corners.

I can add line breaks if I want.

This is an example of a gray content box with default options.
This is a color button

Screenshots

Settings page

Plugin Settings page

Sample Usage

Insert shortcode on any post or page. Or use the plugin function in your functions.php or a plugin:

if (function_exists('color_box_shortcode')) {
  color_box_shortcode(array('color' => 'purple', 'rounded' => false, 'show' => true), 'Here is my content');
}
if (function_exists('color_button_shortcode')) {
  color_button_shortcode(array('color' => 'purple', 'opennewwindow' => true, 'href' => 'http://www.jimmyscode.com/', 'show' => true), 'Visit my website');
}

See the plugin admin settings page for parameter names and default values.

Support

Do you need help with this plugin? Check out the following resources:

  1. Documentation
  2. FAQ
  3. Support Forum
  4. Development
  5. Changelog

If you use and enjoy this plugin, please rate it and click the "Works" button so others know that it works with the latest version of WordPress.

Plugin Development Trac trac feed

Site last updated September 5, 2014