افزونه وردپرس ساخت دکمه بالارونده با Tipu Scroll To Top | گستران وب

افزونه وردپرس ساخت دکمه بالارونده با Tipu Scroll To Top

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

ساخت دکمه بالارونده با Tipu Scroll To Top

افزونه‌ای که قصد معرفی آن را داریم در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۸۰۰ نصب فعال و کسب امتیاز ۵ را ازآن خود کند .

نصب و فعال سازی

پس از نصب و فعال سازی افزونه به مسیر تنظیمات افزونه مراجعه کرده و مشابه تصویر زیر دکمه بالارونده وردپرس را سفارشی سازی کتید .

همانطور که در تصویر مشاهده می‌کنید ابتدا در فیلد width و height اندازه دکمه را بر حسب پیکسل وارد کرده و سپس از بخش background color رنگ مورد نظر برای پس زمینه دکمه را انتخاب کنید .

سپس از بخش background hover color رنگ مورد نظر برای هاور (رفتن نشانگر موس روی دکمه) را انتخاب کنید و از بخش border radius میزان گردی دکمه را وارد کنید .

برای انتخاب دکمه نیز از بخش choose button اقدام کنید و دکمه مورد نظر را انتخاب کرده و از بخش button color و button hover color به ترتیب رنگ آیکون دکمه و رنگ هاور را برای آن انتخاب کرده و تنظیمات خود را ذخیره کنید .

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

2 دیدگاه برای “افزونه وردپرس ساخت دکمه بالارونده با Tipu Scroll To Top”

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *