WordPress Plugin: Show Support Ribbon

Updated January 27, 2020 • 5 comments

[ Show Support Ribbon ] Show Support Ribbon is a free WordPress plugin that displays a customizable “show support” ribbon, banner, or badge on your site. Show support for your favorite cause, event, charity, political event, or anything else that’s awesome. Show Support Ribbon includes four built-in ribbon styles and makes it easy to customize further with your own CSS.

Features

Features include:

Plug-n-play functionality
No configuration required
Born of simplicity, no frills
Includes shortcode and template tag to display the ribbon anywhere
Choose one of four built-in ribbon styles
Customize the ribbon with your own CSS
Control the link text, link URL, and title text
Includes copy/paste CSS recipes to change the position of the ribbon
Includes option to restore default settings
Super-slick toggling settings page

Screenshots

Here are some screenshots from Show Support Ribbon in action:

And here are some screenshots showing how the ribbon will look for each of the four built-in styles:

[ Show Support Ribbon: displayed as ribbon ]

[ Show Support Ribbon: displayed as banner ]

[ Show Support Ribbon: displayed as badge ]

[ Show Support Ribbon: displayed as link ]

Keep in mind these styles are just to get you started with your own custom support ribbon. Check out this screenshot to see some of the other CSS recipes included with the plugin. Show Support Ribbon is made to be customized, so cut loose and have some fun.

Installation

Visit the “Show Support Ribbon” options page, choose your settings, save changes, done.

Download

Download Show Support Ribbon from the WordPress.org Plugin Directory:

Download Show Support Ribbon »

About the Author

Jeff Starr = Designer. Developer. Producer. Writer. Editor. Etc.

5 responses to “WordPress Plugin: Show Support Ribbon”

Peter A. Gebhardt 2013/01/19 11:14 am

Thx. for a great plugin!

Apparently it doesn’t work properly as a “ribbon” in IE8.

Although I fixed the transparency issue by exchanging rgba(..,..,..,x.xx) to rgb(…,…,…) the other issue remains:

It does not display as a 45 degree banner but instead still horizontally.

Any fix possible in the future?

Best regards

Jeff Starr 2013/01/20 1:28 pm • Post Author

Hi Peter,

Thanks for the feedback. No plans for IE8 support, but you should be able to style your own using the custom-CSS option in the plugin settings. For example, you could display an image that is rotated, which would eliminate the need for the CSS rotation styles (which is what isn’t working in IE8).

iceflatline 2013/01/25 2:32 pm

Wow! Well done. Nearly perfect right out of the box. Tweaked the background color a bit to match my theme and moved on. It’s so refreshing to implement a plugin and have it just work.

John Zicker 2013/04/02 5:40 pm

thanks for the great plugin. I am having difficulty getting the badge placed where I want it in the wordpress twentytwelve them. Instead of the upper right corner of the entire page I want to place in the header area. The inline style with position is defeating my css

Jeff Starr 2013/04/03 6:25 pm • Post Author

In the plugin settings, choose the “Custom” option for styles. Then you can either add CSS thru the form, or leave it blank and use an external stylesheet.

Comments are closed for this post. Something to add? Let me know.

Peter A. Gebhardt 2013/01/19 11:14 am

Thx. for a great plugin!

Apparently it doesn’t work properly as a “ribbon” in IE8.

Although I fixed the transparency issue by exchanging rgba(..,..,..,x.xx) to rgb(…,…,…) the other issue remains:

It does not display as a 45 degree banner but instead still horizontally.

Any fix possible in the future?

Best regards
- Jeff Starr 2013/01/20 1:28 pm • Post Author
  
  Hi Peter,
  
  Thanks for the feedback. No plans for IE8 support, but you should be able to style your own using the custom-CSS option in the plugin settings. For example, you could display an image that is rotated, which would eliminate the need for the CSS rotation styles (which is what isn’t working in IE8).
iceflatline 2013/01/25 2:32 pm

Wow! Well done. Nearly perfect right out of the box. Tweaked the background color a bit to match my theme and moved on. It’s so refreshing to implement a plugin and have it just work.
John Zicker 2013/04/02 5:40 pm

thanks for the great plugin. I am having difficulty getting the badge placed where I want it in the wordpress twentytwelve them. Instead of the upper right corner of the entire page I want to place in the header area. The inline style with position is defeating my css
- Jeff Starr 2013/04/03 6:25 pm • Post Author
  
  In the plugin settings, choose the “Custom” option for styles. Then you can either add CSS thru the form, or leave it blank and use an external stylesheet.