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

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

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

با سلام خدمت دوستان عزیز وردپرسی!

بارها در همیار وردپرس در مورد صفحه در دست تعمیر یا به زودی صحبت کردیم. گفتیم این صفحات در زمان هایی که میخواهیم سایت را دچار تغییرات کنیم مفید هستند. مثلا شما میخواهید قالب سایت را تعویض کنید! درست نیست که کاربران تمامی تغییرات را ببینند. بهتر است سایت از چشم آنها پنهان بماند و پس از تکمیل نمایان شود.
یا فرض کنید شما می خواهید پایگاه داده را بروز رسانی کنید یا هر افزونه ای که به ظاهر سایت مربوط می شود! بهترین راه این است که سایت را از چشم کاربران مخفی کنید و کار خود را در کمال راحتی به سرانجام برسانید.

برای این کار افزونه های کاربردی و متعددی را در همیار وردپرس معرفی کردیم. امروز نیز میخواهیم یکی دیگر از این افزونه ها را مورد بررسی قرار دهیم که کمی متفاوت تر عمل میکند.

افزونه Countdown Timer Ultimate

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

پس از نصب و فعال‌سازی افزونه مطابق تصویر زیر منویی در بخش پیشخوان سایت وردپرسی شما با نام Countdown Timer افزوده خواهد شد، روی آن کلیک کنید تا به صفحه رویدادها منتقل شوید.

همانطور که در تصویر می‌بینید بر روی گزینه AddTimer کلیک کنید تا رویداد جدید را ایجاد نمایید.

آموزش افزودن رویداد

همانطور که در تصویر فوق می‌بینید ابتدا یک عنوان برای رویداد خود انتخاب کنید.

Expiry Date: در این بخش می‌توانید تاریخ رویداد را بر اساس روز، ماه، سال و زمان انتخاب کنید.

Choose Animation: در این بخش می‌توانید استایل نمایش تایمر را که در دو نوع ساختار می‌باشد را تعیین کنید؛ حالت اول که با نام smooth می‌باشد با حالتی نرم و لطیف زمان را نمایش می‌دهد و حالت دوم که با نام ticks می‌باشد به صورت ساعتی بوده و عینا مشابه تایمر ساعت لود می‌گردد.

  ساخت صفحه به زودی در وردپرس با Maintenance Mode Free

Circle Width و Background Width: در این دو بخش نیز می‌توانید به ترتیب اندازه تایمر دایره‌ای و بک‌گراند آن را تعیین کنید.

Background Color: در این بخش نیز می‌توانید رنگ پس‌زمینه دایره‌ها را تعیین کنید.

Foreground Color: و در نهایت در این بخش نیز می‌توانید رنگ بخش لودینگ تایمر را که در چهار نوع ثانیه، دقیقه، ساعت و روز می‌باشد را تعیین کنید؛ همچنین می‌توانید با فعال و یا غیرفعال کردن هریک از گزینه آنها را نمایش دهید.

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

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

سایر ویژگی‌های افزونه

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

منبع: wpbeginner

شاد و پیروز باشید …

دانلود افزونه Countdown Timer Ultimate

دانلود صفحه افزونه
مشاوره آموزشی رایگان
شما این فرصت را دارید، با تکمیل فرم زیر، قبل از انتخاب دوره آموزشی مناسب خود، از مشاوره رایگان کارشناسان آموزشی مجموعه همیار آکادمی استفاده نمائید.
 
مشاوران آموزشی
همیار آکادمی
پاسخگوی شما هستند
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

352,836 نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام
    چه جوری میتونم این کد رو روی اسلایدر استفاده کردم
    مثلا لایراسلایدر
    تست کردم جواب نداد

  2. 5 سال عضو همیار وردپرس

    با سلام و عرض خسته نباشید.
    چه کدایی رو باید تغییر بدم تا بتونم days , hours , minutes , seconds رو به فارسی ترجمه کنم؟

مطالب زیر را حتما بخوانید

دوره‌های آموزشی