CoolClock – Advanced

CoolClock – Advanced extends CoolClock for WordPress with advanced options.

Features

	CoolClock (free)	CoolClock Advanced
Widget, shortcode or child theme function
Compatible cross browser/platform
22 Preset skins
Set your custom skin
Linear or logarithmic time scale
Show digital: additionally show time in 12h format (hh:mm am/pm) on the clock face.
More “Show digital” options: Time with seconds, 24h digital time, date or custom text.
Digital font color: Set font color for 12h digital time text.
More font color options for digital time or custom text: Next to font color, change font type, style and size.
Background options: — Background color. — Rounded corners. — A custom background image field. * — Background image position, size and repeat options. * — Background image stretching. *
Clock position: this will allow you to control the exact position of the clock in respect to the background image.
One extra skin: Minimal. This skin serves well with background images.
Premium support: One year of (or unlimited) Updates and Priority support

*) Descriptions:

• The custom background image field allows for setting an URL to an image that will serve as background to the clock. This can be any kind of image, it's completely up to you!
• If your background image is smaller or larger than the clock, the image position, size and repeat options will help you adjust the image.
• Background image stretching ('cover' or 'contain') to force-fit it to your clock size. Works well with the new responsive clock.

What you get

After following the installation instructions, you'll have two plugins: The free CoolClock plugin plus the Advanced extension that brings advanced options to the table. These extra options allow you to customize your clock with your own background image.

The following examples shows how you can create your custom clock.

Example #1: Widget with background image

Let's say, you added an Analog Clock widget with all the default options to your sidebar. It should look like image #1a.

Now, with the Advanced extension activated, go back to your WordPress Appearance > Widgets admin page and open the widget to edit its settings.

Change the skin (theme) to the new one called 'Minimal' at the bottom of the dropdown list (image #1b) and the option Radius to 65 (image #1c) to better fit the coming background image. Next, fill out https://upload.wikimedia.org/wikipedia/commons/9/98/WordPress_blue_logo.svg in the Image URL field (image #1d) under the new Background options.

Then hit Save and admire the result on your site: A clock without a border and no minute or hour markers that fits snugly over a 125 by 125 pixel large WordPress logo.

But of course, you can choose your own logo or any other image!

Example #2: Shortcode with background image

The shortcode responsible for the minimalist clock at the top of this page is [coolclock align=right skin=minimal /] which uses the new skin Minimal.

When appended extra the new parameters background_image="https://premium.status301.com/wp-content/uploads/edd/2015/02/990wtx.png" showdigital="date" fontcolor="red" font="bold 18px monospace" the result is visible here on the left.

Read more about how to use the CoolClock shortcode on https://premium.status301.com/knowledge-base/coolclock/shortcode/. The extra options available in the Advanced version can be found under the [PRO] Advanced attributes header. Under [PRO] Custom skin you can find a basic example of setting a custom skin for a shortcode.

You can find all the default skins on https://premium.status301.com/knowledge-base/coolclock/skins/ with their parameters to copy and reuse for your custom skin trials. Instructions and examples of how to use your custom skin are on https://premium.status301.com/knowledge-base/coolclock/custom-skin/.

Have fun!