ایجاد شمارنده معکوس در نوار بالای سایت در وردپرس

بعضی وقت ها در سایتمان به یک شمارنده معکوس که به وسیله آن گذر زمان و اینکه داریم به یک زمان خاص و مهم نزدیک می شویم را به مخاطبینمان اطلاع دهیم، نیاز داریم.مثلا یک حراج با محدویت زمانی در سایتمان گذاشتیم که می خواهیم مخاطبین بدانند مثلا ۲۴ ساعت دیگر حراج تمام خواهد شد.

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

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

افزونه  Yith Topbar Countdown

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

فعال سازی
افزونه را در پنل وردپرس نصب می کنیم .حالا نوبت به فعال سازی این افزونه می رسد. برای اینکار به بخش نمایش >topbar-countdown > عمومی  بروید و تیک فعال سازی را بزنید.یادتان نرود چون این افزونه به صورت پیش فرض غیر فعال است.

تنظیم افزونه
از قسمت نمایش >topbar-countdown وارد صفحه تنظیمات این افزونه می شوید.تنظیمات این افزونه همان طور که در تصویر بالا می بینید به سه قسمت عمومی، پس زمینه و تایپوگرافی تقسیم می شود.در ادامه این سه قسمت را تشریح خواهیم کرد.

 عمومی
در این قسمت می توانید تنظیمات عمومی افزونه را انجام دهید.

۱-فعال کردن شمارش معکوس نوار بالا : فعال سازی افزونه
۲-لوگو : اگر دوست دارید می توانید در این قسمت تصویری دلخواه را آپلود کنی.این تصویر در سمت راست بنر نوار بالا نمایش داده خواهد شد.
۳-متن شعار : این متن در سمت راست بنر نوار بالایی نمایش داده خواهد شد.در این قسمت می توانید کد های HTML نیز وارد کنی.
۴-پیغام : این پیام در سمت چپ بنر نوار بالا و نزدیک به دکمه نمایش داده خواهد شد.در این قسمت می توانید کد های HTML نیز وارد کنید.
۵-لینک Url : اگر می خواهید مخاطب پس از فشردن دکمه بنر نوار بالا  به صفحه خاصی انتقال داده شود لینکش در این قسمت وارد کنید.(مثال https://artiash.com)
۶-متن دکمه : متنی که می خواهید درون دکمه نمایش داده شود.
۷-شمارش معکوس تا : در این قسمت تاریخ و ساعتی که شمارش معکوس تمام می شود را وارد کنید.

پس زمینه
در این قسمت می توانید تنظیمات پس زمینه را انجام دهید.

۱-تصویر پس زمینه : عکس پس زمینه را در این قسمت یا آپلود کنید و یا از کتابخانه چند رسانه ای انتخاب کنید.
۲-رنگ پس زمینه : رنگ پس زمینه را در این قسمت انختاب کنید.
۳-تکرار پس زمینه : چگونگی تکرار تصویر پس زمینه را در این قسمت انتخاب کنی.
۴-محل پس زمینه : محل قرار گیری تصویر پس زمینه را در این قسمت انتخاب کنید.
۵-الصاق تصویر زمینه : نوع الصاق پس زمینه را در این قسمت انتخاب کنید که دو نوع اسکرول و ثابت را می توانید امتحان کنید.
۶-رنگ پس زمینه دکمه : رنگ دکمه را در این قسمت تعیین کنید.
۷-رنگ پس زمینه دکمه منو هاور شده : رنگ دکمه، زمانی که علامت موس روی دکمه می آید را در این قسمت انتخاب کنید.

تایپوگرافی
در این قسمت می توانید تنظیمات تایپوگرافی را انجام دهید.

۱-فونت شعار پیام : نوع فونت ،اندازه و رنگ فونت را برای شعار  را اینجا تنظیم کنید.
۲-قلم ضخیم شعار پیام : نوع فونت ،اندازه و رنگ فونت را برای قسمت قلم ضخیم(Bold) شعار  را اینجا تنظیم کنید.
۳-فونت اعداد : نوع فونت ،اندازه و رنگ فونت را برای اعداد را اینجا تنظیم  کنید.
۴-فونت پیام : نوع فونت ،اندازه و رنگ فونت را برای متن سمت چپ بنر (نزدیک دکمه) را اینجا تنظیم کنید.
۵-فونت دکمه : نوع فونت ،اندازه و رنگ فونت را برای دکمه اینجا تنظیم کنید.

حال با ذخیره ی تمامی تغییرات می توانید یک شمارنده معکوس زیبا در نوار بالای سایتتان داشته باش