Content Pizazz Documentation
Author: Kevin

# Index

- Top of Document
- About Content Pizazz
- Requirements
- License and Credits
- Installation
- Quick Reference
- Column Shortcodes
- Quote Shortcodes
- List and DropCap Shortcodes
- Gradient Buttons
- Special Text
- 3D Buttons
- Too Much Text
- Summary

# 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

# Quote Shortcodes

# List and DropCap Shortcodes

### Nested List Example

# Gradient Buttons

# Special Text

# 3D Buttons

# 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

- Top of Document
- About Content Pizazz
- Requirements
- License and Credits
- Installation
- Quick Reference
- Column Shortcodes
- Quote Shortcodes
- List and DropCap Shortcodes
- Gradient Buttons
- Special Text
- 3D Buttons
- Too Much Text
- Summary