Percent to Infograph represents simple percent (%) into Infograph with some effects. [percent_to_graph] Shortcode made it so simple, all you need is to copy [percent_to_graph data_percent="70" data_text="70%"] to your post content box. You can adjust almost all values of your Infograph by passing values to variables. Here is full list of variable with some example values:
- Install as regular WordPress plugin.
- Go your Pluings setting via WordPress Dashboard and activate it.
after activating plugin create a post and copy-paste the following shortcode:
[percent_to_graph data_percent="30" data_text="30%" data_info=" Value Increased" data_width="25" data_fontsize="16" data_dimension="200" data_fgcolor="#E439A1" data_bgcolor="#eee" data_fill="#fff"]
you can copy paste multiple shortcode in one post, try the following shortcodes:
[percent_to_graph data_percent="45" data_text="45%" data_info="New Products" data_width="25" data_fontsize="18" data_dimension="200" data_fgcolor="#80E800" data_bgcolor="#eee" data_fill="#fff"]
[percent_to_graph data_percent="45" data_text="45%" data_info="Users Online" data_width="25" data_fontsize="16" data_dimension="200" data_fgcolor="#FFFF00" data_bgcolor="#eee" data_fill="#fff"]
[percent_to_graph data_percent="90" data_text="90%" data_info="Growth Rate" data_width="25" data_fontsize="16" data_dimension="200" data_fgcolor="#FFD200" data_bgcolor="#eee" data_fill="#fff"]
How does this work ?
Plug work with shortcode with multiple parameters. Parameters have default values, for example, if you do not pass any value to any of the parameters, plugin will show all default values. So, you need to enter your own values to the parameter. Here is a full list of parameters with their default values:
data-percent="65"
data-text="65%"
data-info="Users Online"
data-width="25"
data-fontsize="20"
data-dimension="170"
data-fgcolor="#80E800"
data-bgcolor="#eee"
data-fill="#fff">
Make sure you already have changed your own percent information while using the pluin. There should not be any broken line or comma seperator and as ususal should be opening and closign bracks before and after the shortcode [], for example:
[percent_to_graph data_percent="30" data_text="30%" data_info=" Value Increased" data_width="25" data_fontsize="16" data_dimension="200" data_fgcolor="#E439A1" data_bgcolor="#eee" data_fill="#fff"]
N.B. Please rate and advice me so that I can improve the plugin for everyone.