ساخت شمارنده گرافیکی در وردپرس با افزونه Countdown Timer Ultimate

عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
در آموزش های متعددی در مقالات گذشته مکانیک وردپرس، به نحوه ساخت صفحه در دست تعمیر (به زودی برمیگردیم، در حال بروزرسانی هستیم و…) اشاره کردیم.
در این نوشته از آموزش وردپرس نیز به معرفی و بررسی افزونه ایی در وردپرس خواهیم پرداخت که کمی متفاوت تر عمل میکند.
با ما همراه باشید…

ساخت شمارنده گرافیکی در وردپرس

برای ساخت شمارنده گرافیکی در وردپرس در وردپرس میتوانیم از افزونه Countdown Timer Ultimate وردپرس استفاده کنیم.

افزونه Countdown Timer Ultimate وردپرس

این افزونه وردپرس بیش از 4.000 نصب موفق و فعال در مخزن وردپرس به ثبت رسانده است.
[su_note note_color=”#1fc459″ text_color=”#ffffff” radius=”0″]شما میتوانید در انتهای همین نوشته، افزونه Countdown Timer Ultimate را بصورت رایگان دانلود کنید [/su_note]

ویژگی‌های افزونه Countdown Timer Ultimate وردپرس

• طراحی کاملا رسپانسیو و واکنشگرا
• قابلیت افزودن بی‌نهایت رویداد
• قابلیت افزودن رویداد در هرنوع پست تایپ، مانند نوشته و برگه
• قابلیت افزودن رویدادها با استفاده از شورت کد رویداد در هر مکانی از قالب سایت و ابزارک‎ها
• قابلیت تغییر رنگ و اندازه پس زمینه
• قابلیت نمایش و عدم نمایش روز، ساعت، دقیقه و ثانیه
• قابلیت نمایش رویدادها در دو حالت نرم و یا مشابه عقربه‌های ساعت
• و…

آموزش کار با افزونه Countdown Timer Ultimate وردپرس

پس از دانلود، نصب و فعالسازی پلاگین Countdown Timer Ultimate وردپرس، یک آیتم جدید در منو پیشخوان وردپرس شما با نام Countdown Timer ایجاد خواهد شد.
مانند تصویر زیر:

پس از کلیک بر روی گزینه Add Timer وارد صفحه زیر خواهید شد:

Expiry Date: در این بخش می‌توانید تاریخ رویداد را بر اساس روز، ماه، سال و زمان انتخاب کنید.
Choose Animation: در این بخش می‌توانید استایل نمایش تایمر را که در دو نوع ساختار می‌باشد را تعیین کنید؛ حالت اول که با نام smooth می‌باشد با حالتی نرم و لطیف زمان را نمایش می‌دهد و حالت دوم که با نام ticks می‌باشد به صورت ساعتی بوده و عینا مشابه تایمر ساعت لود می‌گردد.
Circle Width و Background Width: در این دو بخش نیز می‌توانید به ترتیب اندازه تایمر دایره‌ای و بک‌گراند آن را تعیین کنید.
Background Color: در این بخش نیز می‌توانید رنگ پس‌زمینه دایره‌ها را تعیین کنید.
Foreground Color: و در نهایت در این بخش نیز می‌توانید رنگ بخش لودینگ تایمر را که در چهار نوع ثانیه، دقیقه، ساعت و روز می‌باشد را تعیین کنید؛ همچنین می‌توانید با فعال و یا غیرفعال کردن هریک از گزینه آنها را نمایش دهید.

پس از اینکه رویداد خود را ثبت نمودید به بخش Countdown Timer در پیشخوان رفته و شورت کد رویداد ساخته شده را مشابه تصویر کپی کنید و در هر برگه و یا نوشته‌ای که قصد دارید آن را نمایش دهید قرار دهید.

پس از اینکه شورت کد را در برگه و نوشته خود قرار دادید در نهایت با چیزی مشابه تصویر زیر روبه‌رو خواهید شد که می‌توانید هر رویدادی را به حالت انیمیشن وار و شمارش معکوس در سایت خود به نمایش بگذارید.

امیدوارم این افزونه وردپرس و همچنین این آموزش وردپرس برای شما عزیزان کاربردی باشد.
موفق و پاینده باشید…