آموزش ساخت شمارنده به صورت معکوس در وردپرس

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

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

 آموزش ساخت شمارنده به صورت معکوس در وردپرس

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

برای شروع ابتدا افزونه را از لینک زیر دانلود نمایید.

افزونه YITH Topbar Countdown، یک افزونه بسیار پر کاربرد است که کار با آن به سادگی انجام پذیر می باشد و به وسیله این افزونه می توانید تنظیمات مورد نظر خود را برای شمارنده سایت خود به راحتی پیاده سازی نمایید. پس از این که افزونه را دانلود کردید، مانند بقیه افزونه ها، آن را نصب و سپس فعال سازی نمایید. سپس برای استفاده و انجام تنظیمات به پنل مدیریت وب سایت خود مراجعه نمایید و به گزینه نمایش و سپس زیر منوی topbar-countdown بروید. پس از مراجعه مشاهده خواهید کرد که صفحه فعلی شامل 3 بخش مربوط به تنظیمات افزونه است که شامل گزینه های زیر می باشد:

• General
• Background
• Typography

ما در این بخش به بررسی این سه گزینه می پردازیم:

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

فعال نمودن شمارش معکوس نوار بالایی:  این افزونه به صورت پیش فرض غیر فعال می باشد که برای فعال سازی باید از این بخش اقدام نمایید.

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

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

پیام: شما در این بخش می توانید متن و پیام خود را بنویسید و این پیام نیز در قسمت سمت چپ بنر تان و در کنار دکمه نمایش قرار خواهد گرفت.همچنین شما اجازه دارید از قطعه کد های مربوط به html نیز در این بخش استفاده کنید.

لینک آدرس URL: اگر نیاز دارید تا کاربران پس از کلیک بر روی بنر به صفحه خاصی از سایت شما منتقل شوند باید در این بخش آدرس صفحه را وارد نمایید.

متن نوشته شده بر روی دکمه:  در این بخش می توانید متن نوشته شده بر روی دکمه را تغییر دهید.

شمارش معکوس: شما در این بخش می توانید مشخص کنید که تاریخ و ساعت دقیق زمان پایان رسیدن اطلاعیه شما چه موقعی است.

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

این بخش خود شامل گزینه هایی است. این قسمت مربوط به تنظیمات پس زمینه بنر شما می شود.

تصویر پس زمینه: شما در این بخش باید برای بنر خود یک تصویر آپلود و یا از تصاویر موجود قبلی در کنتابخانه چند رسانه ای انتخاب نمایید تا در پس زمینه بنر تان نمایش داده شود.

رنگ پس زمینه: برای تغییر و انتخاب رنگ پس زمینه باید از این بخش اقدام نمایید.

تکرار پس زمینه: اگر نیاز دارید که پس زمینه شما تکرار شود، می توانید شکل تکرار آن را از این بخش انتخاب نمایید.

محل قرار گیری پس زمینه: در این قسمت شما می توانید مشخص کنید که عکس پس زمینه در کدام قسمت بنر قرار گیرد. بالا؟ پایین؟ مرکز و….. .

الصاق تصویر: در این بخش چگونگی الصاق تصویر پس زمینه را می توانید مشخص کنید، که می تواند نوع آن کشویی و یا ثابت باشد.

رنگ پس زمینه دکمه: این بخش برای تغییر یا انتخاب رنگ پس زمینه دکمه است.

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

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

در این بخش شما می توانید تنظیمات مربوط به تایپوگرافی بنر خود را تغییر دهید. این بخش هم مانند سایر بخش ها قابل فهم است.

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

قلم ضخیم شعار:  در این بخش شما مشخص می کنید که نوع،رنگ، سایز و فونت شعار قلم ضخیم به چه صورت باشد.

شکل نوشتاری اعداد: در این بخش شما مشخص می کنید که نوع،رنگ، سایز و فونت شعار اعداد بنر شما به چه صورت باشد.

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

فونت دکمه: در این بخش شما مشخص می کنید که نوع،رنگ، سایز و فونت شعار متن داخل دکمه بنر شما به چه صورت باشد.

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

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