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]

1	[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!

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.
HTML – Requires no explanation.
Plugin – Upload the plugin to your WordPress plugins folder and activate.