Live Clock Widget

01 / SOURCE DETAILS

About this tool

Live Clock Widget provides a beautiful, modern clock display for your website. Choose between analog and digital styles, customize the size, and display it anywhere using a shortcode or widget. Key Features: 🕐 Analog Clock – Beautiful circular clock with smooth animations 🔢 Digital Clock – Modern digital display with date 📱 Fully Responsive – Works perfectly on all devices 🎨 Modern Design – Gradient backgrounds and smooth animations ⚡ No Flash – Pure JavaScript and CSS (Flash removed in v2.0) 🔒 Secure – All output properly escaped and sanitized 🌐 Translation Ready – Full i18n support ⚙️ Easy Customization – Adjustable size and type Usage: Shortcode: [wpclock] – Default analog clock Shortcode Options: [wpclock type="digital" size="300"] Widget: Drag and drop from Appearance > Widgets PHP Function: <?php echo do_shortcode('[wpclock]'); ?>

02 / SOURCE DETAILS

Getting started

Upload the wordpress-clock folder to /wp-content/plugins/ Activate the plugin through the ‘Plugins’ menu in WordPress Use the shortcode [wpclock] in any post or page Or add the widget from Appearance > Widgets

03 / SOURCE DETAILS

Frequently asked questions

What is the shortcode? Use [wpclock] for a default analog clock, or customize it: * [wpclock type="analog" size="200"] – Analog clock, 200px * [wpclock type="digital" size="300"] – Digital clock, 300px How do I add it as a widget? Go to Appearance > Widgets Find “WordPress Clock” widget Drag it to your desired sidebar Configure the title, type, and size Save Can I customize the colors? Yes! Add custom CSS to your theme: `css .wpclock-face { background: linear-gradient(135deg, #your-color1, #your-color2); } ` Does it work without Flash? Yes! Version 2.0 completely removed Flash and uses modern JavaScript and CSS3. Is it mobile responsive? Absolutely! The clock automatically adjusts to different screen sizes.

Explore related topics