This plugin is based on and utilizes CountUp.js, which is a dependency-free, lightweight JavaScript “class” that can be used to quickly create animations that display numerical data in a more interesting way.
Based off of: https://inorganik.github.io/countUp.js/
Usage & Configuration
Simply add the following shortcode to your posts, pages or widgets [countup]
1) Basic customization can occur through the shortcode arguments
The shortcode accepts the following arguments
- start: number to begin the counter from
- end: number to end the counter at
- decimals: # of decimal places to show
-
duration: time in second or the counter to round
[countup start=”5″ end=”100″ decimals=”3″ duration=”5″]
2) Further adjustments can be made through the settings panel, in the Countup.js options page, for the following options:
`
easing:
grouping: groups the content into sections (eg. 1,000 vs 1000)
seperator: (default is comma)
decimal: symbol to use for decimal spot
prefix: ( character(s) at beginning of string )
suffix: ( character(s) at end of string )
`
Download & install the zip archive
The plugin package installer can be downloaded from the WP2E project tab called “code”.
1 – Select the version to download if this option is available otherwise the “latest” version of the main plugin will be used.
2 – After downloading the zip archive install the plugin package installer in you local environment and activate the script from the plugin list.
3 – Under the section “Plugins” of the admin dashboard you should see a new “Dependencies & Licenses” link. Follow the instructions from this panel to finalize the installation of the missing dependencies.
-
- Give a name to your project
-
- Download the Installer Package
-
- Install & activate the plugin locally
-
- Install the suggested dependencies
Tips: Use the WP2E panel to add/suggest new dependencies to the local installation. Press F5 in the list of dependencies if the changes are not displayed right away.