WP Flipclock

Mô tả

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?

For Support

We offer support in two places:-

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.

Cài đặt

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

Đánh giá

12 Tháng Mười, 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.
24 Tháng Mười, 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; } } }
12 Tháng Hai, 2017
I really like this plugin. I would give it five stars if it was responsive.
Đọc tất cả 9 đánh giá

Người đóng góp & Lập trình viên

“WP Flipclock” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

Nhật ký thay đổi


  • Tested with 6.6.


  • Tested with 6.5.


  • Tested with 6.4.


  • Tested with 6.3.


  • Tested with 6.2.


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


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


  • Tested with 5.2


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


  • Added Responsiveness.


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


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


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


  • 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.


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


  • Upgraded to latest version of flipclock.js


  • Fix display bug in TwentyTwelve


  • First Release on WordPress’ official site


  • First Private Release on Github & Plugin Official Site