Content Pizazz Plugin - Documentation

Thanks for downloading Content Pizazz.

Index


 About Content Pizazz

As part of the development of the blogBox Theme, I included these shortcodes as an enhancement for the theme. During the theme review process at WordPress.org I was informed that content related shortcodes were not permitted because they tied the user to the theme. So I removed them and put them in a plugin. They should work in any theme so now anyone can download and use them. The plugin offers a number of shortcodes that a can be use to enhance the content of your WordPress site :

  1. Gradient Buttons - Linkable buttons that look great.
  2. 3D Buttons - Linkable buttons using the new CSS3 rules.
  3. Columns - Shortcodes for 1/4, 1/3, 1/2, 2/3 and 3/4 columns that can be used in a defined width to create a custom column layout.
  4. Quotes - Quote shortcodes that add a large quote image for your quote, in a left or right sided section, or accross the page.
  5. Lists - 9 list images that can be nested up to 3 times, that add pizazz to your list items.
  6. Drop Caps - A nice effect, make the first letter of a section or paragraph a very big size.
  7. Special Text - Let's you change the color and size of a section of text.

 Requirements

Content Pizazz has been validated using the W3C validator for HTML5, and has had the css validated. It has been tested in all the major browsers:

  1. Internet Explorer 7,8,9, Firefox, Chrome, Opera, Safari
  2. Wordpress 3.4.2
  3. HTML5
  4. Basic HTML and Wordpress Experience

 License and Credits

License: GNU General Public License V3
License URI: see the license.txt file for license details.

Content Pizazz is a WordPress Plugin
Copyright (C) 2012 Kevin Archibald
Version : 1.0.0 Released 20121010

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

Credits

List Icons :


  1. WOOCONS1 : http://www.woothemes.com/2010/08/woocons1/ - GNU General Public License li_happy.png, li_check_1.png, li_check_2.png, li_star.png, li_cog.png
  2. Crystal Project Icons, AUTHOR: Everaldo Coelho, SITE:http://www.everaldo.com, CONTACT: everaldo@everaldo.com, Copyright (c) 2006-2007 Everaldo Coelho. li_arrow_1.png, li_arrow_2.png, li_arrow_3.png,

 Installation

Upload Content Pizazz to the plugin directory (wp-content/plugins/content-pizazz) of your wordpress setup. Ensure all sub directories are maintained. Activate the plugin through the Wordpress Admin panel under "Plugins".


If you want to remove the plugin you must first Deactivate it then Delete it. When you Deacivate the plugin is not loaded into WordPress, but it is still there. When you Delete it all files are removed.

 Quick Reference

Below is a quick reference for using the shortcodes and their options. To see the shortcodes being used go to blogBox Theme and check out the Content Pizazz section. You can print a screen shot of the Quick reference shortcodes in the docs/images folder. The files are CP_Image_1.jpg, and CP_Image_2.jpg.


Although not required I recommend doing you posts in the HTML editor rather than the visual. One thing for sure don't switch between the Visual editor and the HTML editor, it causes funny things to happen and it will drive you crazy. Take the time to learn a bit of HTML, it's how your site is displayed, and it offers better control of the content.

Quote Shortcodes

[cp_quote style="quote_left_dark"]Your Quote[/cp_quote]


Other styles : quote_left_light, quote_right_dark, quote_normal_dark, quote_normal_light

Column Shortcodes

[cp_one_fourth]text [/cp_one_fourth]


[cp_one_third]text [/cp_one_third]


[cp_one_half]text[/cp_one_half]


[cp_two_third]text[/cp_two_third]


[cp_three_fourth]text[/cp_three_fourth]


Sometimes you may have to use [cp_clear] to clear you floats and have your next element appear on the left hand side.

List Shortcodes

[cp_list style="dot"] <li>List Item 1</li> <li>List Item 2</li> ...etc [/cp_list]


styles : dot(default),star, happy, cog, check_1, check_2, arrow_1, arrow_2, arrow_3


For nested lists use :


[cp_list_1 style="your style"] or [cp_list_2 style="your style"] or [cp_list_3 style="your style"] or [cp_list_4 style="your style"]


Drop Caps Shortcode

[cp_dropcaps]letter[/cp_dropcaps]

Messagebox Shortcode

[cp_messagebox align="left" color="#ffffff" shade="light" border="#000000" font_color="#000000"]Message Text[/cp_messagebox]


You can omit any of the elements and the default will be used:

align : left(default),right,center
color : any hex color or web color, default is #ffffff or white, must have the #
border : any hex color or web color, default is #000000 or black
shade : noshade(default), light,dark
font-color : any hex color or web color, default is #000000 or black
Message Text : Place your message here, keep the message on one line


3d Button Shortcodes

[cp_3d_button title="Your Title" align="left" size="small" background_color="yellow"


font_color="green" link="http://www.yourlink.ext/"]Your Text[/cp_3d_button]


You can omit any of the elements and the default will be used:

title: This text will appear when you hover over the button
align: left(default), right, center, in-line
size: small(default), medium, large
background-color: any hex color (default #cccccc) or web color (ex: red)
font-color: any hex color (default #000000) or web color (ex: red)
link: any url of the form http://www.yourlink.ext/


Gradient Buttons

[cp_button link="http://your.link.ex" title="Your Title"


color="gray" font_color="#000000" align="left"]Your Text[/cp_button]


You can omit any of the elements and the default will be used:

color : gray(dfefault), blue, brown, dark, green, red, yellow
font-color : Any hex color number or web color, default is #000000
align : left(default), right, center
link : any internet url, default is “#”


 Column Shortcodes

Column Shortcodes 1 Column Shortcodes 2 Column Shortcodes 3

 Quote Shortcodes

Quote Shortcodes

 List and DropCap Shortcodes

List and DropCap Shortcodes

Nested List Example

Nested List Example

 Gradient Buttons

Gradient Buttons

 Special Text

Special Text

 3D Buttons

3D Buttons

 Too Much Text

Too Much Text

 Summary

I hope you enjoy using the plugin, if you have any suggestions or comments, contact me through my website. If you really like the plugin, buy me a coffee, a beer, or even a bottle of wine.



Index