افزونه Topbar Countdown ایجاد شمارشگر معکوس در وردپرس

افزونه Topbar Countdown ایجاد شمارشگر معکوس در وردپرس

 

training-create-counter-reverse-in-wordpress-552x330

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

با این پیش زمینه قطعا متوجه شدید که توی این مطلب قصد داریم برای شما روشی رو شرح بدیم که به کمک اون یک شمارشگر معکوس برای وب سایتتون ایجاد کنید .

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

برای شروع آخرین نسخه رو از مخزن وردپرس دانلود کنید یا اینکه نسخه ۱٫۰٫۷ رو از انتهای این مطلب به صورت مستقیم از وب نگار دریافت کنید .

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

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

 

تنظیمات زبانه عمومی :

  • فعال سازی شمارش معکوس نوار بالا : این افزونه به طور پیش فرض غیر فعال هست و با فعال کردن تیک این گزینه افزونه فعال و نمایش داده میشه .
  • لوگو : تو این بخش می تونید یه تصویر به عنوان لوگو انتخاب کنید و اگه انتخاب نکنید تیتر صفحه به صورت نوشتاری در این جا قرار می گیره
  • پیام شعار : اینجا می تونید هر نوع توضیح اضافی رو وارد کنید که به صورت ریز زیر لوگو نمایش داده میشه .
  • پیام : پیام اصلی رو در این بخش وارد کنید ، اینکه چرا کاربر در این صفحه س و بعد از تاریخ مقرر چه اتفاقی قراره بیفته می تونه گزینه مناسبی باشه .
  • لینک Url : با پر کردن این بخش دکمه ای زیر توضیحات قرار داده میشه و این فیلد هم لینک دکمه رو تعیین می کنه
  • متن دکمه : اگه می خواید متن دکمه رو تغییر بدید از این گزینه استفاده کنید .
  • شمارش معکوس تا : اینجا هم باید تاریخ و ساعت پایان شمارشگر رو تعیین کنید

 

تنظیمات زبانه پس زمینه :

  • تصویر پس زمینه : می تونید عکسی رو آپلود کنید یا از عکس های کتابخونتون استفاده کنید .
  • رنگ پس زمینه : برای انتخاب رنگ برای پس زمینه تون می توانید از این بخش اقدام کنید
  • تکرار پس زمینه : اگه می خواید پس زمینه تکرار یا ریپیت بشه فعال کنید ، برای تصاویر کوچیک و پترن ها ممکنه به کارتون بیاد
  • محل پس زمینه : این جا تعیین کنید که پس زمینه شما در کدام بخش بنر قرار بگیره ، بالا پایین و یا وسط  …..
  • رنگ پس زمینه دکمه : رنگ پس زمینه همون دکمه ای که بالا توضیح دادیم رو تعیین می کنه
  • رنگ پس زمینه دکمه منو انتخاب شده : اینم رنگ همون دکمه هست وقتی که ماوس روش قرار بگیره

 

تنظیمات زبانه تایپوگرافی :

  • فونت شعار پیام : در این جا شما نوع ، اندازه و رنگ فونت شعار بنر رو تعیین می کنید
  • فونت اعداد : رنگ ، نوع و اندازه فونت اعدا شمارشگر رو می تونید تعیین کنید
  • فونت پیام : فونت توضیحات اضافی رو تعیین می کنید
  • فونت دکمه : رنگ ، نوع و اندازه فونت متن داخل دکمه ای که بالاتر ایجاد کردیم رو تعیین می کنید

با توجه به توضیحات و البته محیط کارِ ساده با افزونه فکر می کنم بتونید خیلی راحت صفحه مد نظرتون رو ایجاد کنید .موفق باشید…

جعبـه دانلـود
دانلــود صفحـه افـزونـه
مدرسه مجازی آموزش طراحی وب

پوریا زارعی

پوریا زارعی هستم ، سه چهار سالی میشه که مطالب طراحی و توسعه حوزه وب رو دنبال می کنم و دو سال اخیر هم به فعالیت تو همین حوزه مشغول بودم ، این روزا بیشتر سعی می کنم تجربه ها و دانسته هام رو از طریق انتشار مطالب با همه به اشتراک بزارم به همین خاطر هم برای وب نگار نویسندگی می کنم

بدون دیدگاه ثبت شده