WP Flipclock

Description

WP Flipclock is a plugin that allows you to quickly and easily add a flipclock to your site’s posts and pages via a shortcode.

The plugin allows you to count down or up from a specific date, as well as choose whether you count down days, hours or minutes.

To use the plugin in your site, all you need to add to the page is the [flipclock] shortcode. There are various attributes you can add as well:-

• name – Give the flipclock a name. Default is “flipclock”. If you have more than one flipclock on any page it’s useful to give them unique names.
• countdown (True/False) – Allows you to count down to a date (true), or count up from a date (false). Default is false.
• date – Any date string, formatted how you like, which the clock will count up from/down to. Default is none.

• face (days/hours/minutes) – The face of the clock. Default is hours. Options are:-

  • days – Days : Hours : Minutes : Seconds
  • hours – Hours : Minutes : seconds
  • minutes – Minutes : Seconds

• lang – Changes the language of the labels (days,hours,minutes,seconds). Supported languages: English, Russian, Spanish, French, German.

• timezone – Sets timezone for date. Now it shows the correct time before the event. The time zones have unique names in the form “Area/Location”, e.g. “America/New_York”.
• seconds – Hides|shows seconds in face-mode “days”.
  • 1 – shows seconds
  • 0 – hide seconds
• hidelabel – Adds the ability to hide the labels.

This plugin uses the Flipclock.js library from ObjectiveHTML.

Further support and examples are on the WP Flipclock Documentation page.

About Winwar Media

This plugin is made by Winwar Media, a WordPress Development and Training Agency in Manchester, UK.

Why don’t you?

• Check out our book, bbPress Complete
• Check out our other WordPress Plugins, including WP Email Capture
• Follow us on Social Media, such as Facebook, Twitter or Google+
• Send us an email! We like hearing from plugin users.

For Support

We offer support in two places:-

• Support on the www.remarpro.com Support Board
• A priority support forum, which offers same-day responses.

On Github

This project is now on github, you can view the repository here. There are other versions, but this is the one I’ve put up, so where all the developmental will be tracked.

Found a Bug?

Any bugs found, please contact us.

Installation

1. Upload the plugin (unzipped) into /wp-content/plugins/.
2. Activate the plugin under the “Plugins” menu.

Reviews

Nice

hammersmithsociety October 12, 2020

1 star off for lack of true responsiveness and ability to easily scale, otherwise all good. Seems to resize itself at 768px so it’s semi-responsive though the size change is substantial. An option for weeks or months would be great.

Needed a little CSS additional tweaking for mobile

Jess October 24, 2018

Nice, simple plug in. In case someone needs it… for smaller screens, changed ‘.flip-clock-wrapper’ margin from ‘auto’ to ‘-11px’ and added width of 115%, also added ‘.flip-clock-wrapper ul’ margin of ‘1px’: @media ( max-width:767px ) { .flip-clock-wrapper { margin: 0 -11px; display: block; width:115%;} .flip-clock-wrapper ul { height: 50px; line-height: 50px; margin:1px; } } }

Great on desktop

Stig February 12, 2017

I really like this plugin. I would give it five stars if it was responsive.

Timezone Doesn’t Work

Mystech January 20, 2017 1 reply

America/New_York timezone is 5 hours farther back in the past than it should be.

Not option to add in text box with 4.5

darrensen September 3, 2016

Option to add shortcode in text box is missing in WP 4.5.

Contributors & Developers

Changelog

1.9

• Security Fix: fixes a Authenticated (Contributor+) Stored-XSS vulnerability
• Tested with 6.7.

1.8.5

• Tested with 6.6.

1.8.4

• Tested with 6.5.

1.8.3

• Tested with 6.4.

1.8.2

• Tested with 6.3.

1.8.1

• Tested with 6.2.

1.8

• Fixed a potential XSS security vulnerability that would allow contributors to output code on the site.
• Tested with 6.1.1.

1.7.4

• Tested with 5.3.
• Added a CSS fix.
• Added 24h/12h clocks.

1.7.3

• Tested with 5.2

1.7.2

• Fixed bug in hidelabel not displaying (thanks CInsights).

1.7

• Added Responsiveness.

1.6

• Adds the ability to hide the labels.
• Add the ability to have a 24 hour and 12 hour clock

1.5.1

• Fixed a small bug that “countdown=’false’” ends with a countdown. Allows people to specify no countdown and then still work.

1.5

• Now doesn’t display negative time if the countdown has passed,.
• Fixed a bug where the clock was out dependant on timezones (thanks gleave75)

1.4

• Now allows two different clocks on the same page (if given different names).
• Added the “lang” Shortcode attribute to choose the languages.
• Added the “timezone” attribute to set the timezone for the date.
• Added the “seconds” attribute to hide/show seconds attribute which shows/hides the seconds.
• Upgraded to flipclock.js version 0.5.5.

A big thank you to Den Kalinin for a lot of the changes in this update.

1.3

• Rolled back to previous version of flipclock.js, as it caused issues. Will look at when I have time (patches welcome!)

1.2

• Upgraded to latest version of flipclock.js

1.1

• Fix display bug in TwentyTwelve

1.0

• First Release on WordPress’ official site

0.1

• First Private Release on Github & Plugin Official Site