Linux 软件免费装
Banner图

CoolClock - a Javascript Analog Clock

开发者 RavanH
更新时间 2023年10月5日 01:27
捐献地址: 去捐款
PHP版本: 5.6 及以上
WordPress版本: 6.2

标签

widget javascript shortcode clock analog clock coolclock logarithmic clock

下载

4.3.5 2.0 2.9.8 3.0 3.1 3.2 3.3 4.0 4.1 4.3.4 0.1 4.3.6 4.2 4.3.3

详情介绍:

This plugin integrates CoolClock - The Javascript Analog Clock into your WordPress site. You can add it as a widget to your sidebar or insert it into your posts and pages with a shortcode. See the FAQ's for available shortcode parameters and how to build the clock into your theme. Features Read more on the CoolClock homepage or see the FAQ's to learn how to configure your own skin settings. Pro features Pro features come with the CoolClock - Advanced extension. Translators Please contact me to submit your translation and get mentioned here :) Privacy / GDPR This plugin does not collect any user or visitor data nor set browser cookies. Using this plugin should not impact your site privacy policy in any way.

安装:

Wordpress Quick installation: Install now ! … OR … Search for "coolclock" and install with that slick Plugins > Add New back-end page. … OR … Follow these steps:
  1. Download archive.
  2. Upload the zip file via the Plugins > Add New > Upload page … OR … unpack and upload the complete directory with your favourite FTP client to the /plugins/ folder.
  3. Activate the plugin on the Plug-ins page.
Now visit your Widgets admin page and add the Analog Clock widget to your sidebar. :)

屏幕截图:

  • Widget settings. The background options are availabe in the [CoolClock - Advanced extension](https://premium.status301.com/downloads/coolclock-advanced/).

升级注意事项:

4.3.6 Bugfix release: empty noseconds and showdigital ignored

常见问题:

Where do I start?

There is no options page. Just go to your Appearance > Widgets admin page and find the new Analog Clock widget. Add it to your sidebar and change settings if you want to see another than the default clock. Other ways to integrate a clock into your site are shortcodes or a theme function. See instructions below.

What options does the widget have?

First of all, you can pick a preset skin. There are 21 skins made by other users and, when the Advanced extension is added, one Minimal skin that only shows the clock arms, that can be useful for placing over a custom background image. There are these options:

  • Custom skin parameters - see question below;
  • Radius - changes the clock size;
  • Hide second hand;
  • Show digital time (more options in the Advanced version);
  • Set digital time color;
  • GMT Offset - use this if you want one or more clocks to show the time for other timezones;
  • Scale - linear is our standard clock scale, the other two show a logarithmic time scale;
  • Align - left, center or right;
  • Subtext - optional text, centered below the clock.
Then there are extra options availabe in the CoolClock - Advanced extension which allow for more customisation:
  • Background image - define the full URL or path to an image to serve as background;
  • Repeat image;
  • Background size - stretch or cover to make it match your clock size;
  • Background position - center, top, right, bottom or left of the wrapping div (define div size below);
  • Width and height - define the size of the wrapping div that holds the background image;
  • Background color - define a color value in hex or rgb(a) format, or a css color name;
  • Border radius - optional rounded corners, higher is rounder;
  • Clock position relative to background - here you can position the clock relative to top and left border of the wrapping div (as defined above) that holds the background image.
  • Custom skin parameters for shortcode

How can I create a custom skin?

Follow the steps on Creating a Custom Skin and if you are happy with the result, please consider sharing it with other users!

Can I share this fantastic custom skin I created?

If you made a nice skin and would like to share it, you can do so in the comments on Creating a Custom Skin or add it to your Plugin Review. Thanks for sharing! :)

Can I insert a clock in posts or pages?

Yes, there the shortcode [coolclock /] available. You can find all parameters on How to use the CoolClock shortcode.

I'm building my own theme. Is there a theme function available?

Yes, you can use a built-in WordPress function that parses a shortcode. To place the same clock as in the shortcode example above, anywhere in your theme, use this: <?php echo do_shortcode('[coolclock skin="chunkySwiss" radius="140" showdigital=true align="left" /]'); ?>

更新日志:

4.3.6 4.3.5 4.3.4 4.3.3 4.3 4.2.1 4.2 4.1 4.0 3.3 3.2 3.1 3.0 2.9.8 2.9.7 2.9.6 2.9.5 2.9.4 2.9.2 2.9 2.0 1.1 1.0 0.1