Displays a custom thermometer charting the amount of donations raised.
Easy to use
Simply use the shortcode [thermometer raised=?? target=??] to display a classic-style tracking thermometer on any post, page or sidebar.
Fully customisable
Unlimited thermometers can be made, each fully customisable to blend seamlessly with your site’s theme. Thermometers are rendered as vector-based images (SVG) that produce a visually sharp graphic. Since the plugin does not load any remote image files, your page-load times will remain fast and save bandwidth for users.
Automatic updating of values supported
Thermometers accept values using shortcodes from other plugins so you don’t need to worry about keeping track of updates.
Display only what you need
Optional shortcode parameters can control thermometer size, orientation, tick alignment, currency symbol and position, the thousands separator, colour and style of the fill, a shadow effect, plus more. CSS code can also be implemented for further customisation.
Additional shortcodes
The ‘raised’ and ‘target’ values are also linked to independent shortcodes ([therm_r], [therm_t] and [therm_%]) – useful for keeping multiple instances up-to-date around your site, for example if you want to keep a running total caption in your site footer/sidebar.
Always free and supported
Used by thousands of satisfied individuals and organizations. Queries and issues are resolved promptly within the support forum.
Screenshots
The Thermometer settings page.
Multiple thermometers displayed on a page/sidebar. Unique values and colours can be assigned for each.
Customisable CSS rules for thermometers.
The help page describing the various shortcode options and functionality.
How do I use dynamic values?
Insert the shortcode that produces the dynamically generated number into the thermometer shortcode with single apostrophes instead of square brackets, e.g. [thermometer raised=’sales id=”1947″‘ target=5000].
The [therm_r] and [therm_t] shortcodes show different values to the thermometers.
Values for these shortcodes are set on the Thermometer settings page or dashboard widget. If you want your thermometers to display the same values, remove the ‘raised’ and ‘target’ parameters from the [thermometer] shortcode, e.g. [thermometer width=300 align=right]. Values given in the shortcode will overrule those on the settings page.
Can I display the thermometer as a percentage of the page width?
Yes – just use the percentage symbol in the shortcode. For example, width=30%. As before, values can be set for Width OR height only. The default size is width=200px.
How do I use the alt parameter?
This option will change the title and alt text attributes of the thermometer image. To toggle off, type alt=off. To enter custom text, type alt=’your custom text’ (include apostrophes). If the option is left out the default text ‘Raised xxxx towards the xxxx target.’ will appear.
Can I remove the currency symbol?
Yes – select the empty option on the settings page dropdown menu, or enter currency=null in the thermometer shortcode, e.g. [thermometer currency=null].
How do I rotate the thermometer to be horizontal?
The thermometer orientation can be set on the settings page for your whole site, or individually in the thermometer shortcode using the parameter: [thermometer orientation=landscape]. Raised and target values will also rotate automatically.
What happens when my raised total exceeds the target?
Once this happens the thermometer will completely fill. The shortcode parameter [thermometer swapvalues=true] can also be used to swap the target and raised value locations, thus allowing you to show how far above your target your current raised total stands.
How do I change the colour fill of the thermometer?
There are two options for filling the thermometer: with a uniform colour (the default) or with a colour gradient. Either method can be set from the plugin’s settings page or via the shortcode parameters. A uniform fill can be set in the shortcode using [thermometer fill=#d7191c filltype=uniform]. Drawing a gradient fill requires the additional fill2 parameter: [thermometer filltype=gradient fill2=#eb7e80].
ChangeLog
