Cover Swing

Fooling around the past couple days I came up with a fun CSS3 graphic. The first incarnation was a simple html page, but after some thought I decided to integrate it into a WordPress theme as a shortcode by adding to the existing themes functions.php file. This worked great and further motivated me to create a plugin as well.

Cover Swing CSS Fun

Usage: Use shortcode

[cs cover="http://completepathtocoverimage.jpg" link="http://yourwebaddresshere.com" title="Your Title Here"]Your body copy here...[/cs]

Where cover = complete file path to your cover image, link = url to more info website/page/post, title = Brief title.

Now in three exciting flavors!

1. Shortcode by adding to any WordPress theme.
   • Copy code in functions.php to your themes functions.php file
   • Copy css from cover-swing-style.css to your theme’s style.css file.
   • Copy images to your themes images folder. If one does not exist, simply copy the entire images folder to your theme folder.
2. HTML – Requires no explanation.
3. Plugin – Upload the plugin to your WordPress plugins folder and activate.

Demo

[cs cover=”https://s3.amazonaws.com/flashypublic/raspberry-tea-cover.jpg” link=”http://www.brainyquote.com/search_results.html?q=tea” title=”Raspberry Tea”]You can’t get a cup of tea big enough or a book long enough to suit me.
-C S Lewis[/cs]

Download