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

با سلام خدمت دوستان عزیز دکتر وردپرس، رابط کاربری سایت می‌تواند گزینه مناسبی برای محبوبیت سایت باشد. از رنگبندی و استفاده از آخرین کدنویسی‌ها متناسب با html5 و css3 گرفته تا استفاده از تصاویر و رسانه‌های مناسب و همچنین هموارد کردن راه برای تمامی کاربران در انواع مرورگرهای موبایل و دسکتاپ.

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

ساخت دکمه بالارونده وردپرس

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

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

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

ویژگی های افزونه وردپرس Scroll Top :

  • راه اندازی راحت و ساده در کمترین زمان ممکن
  • سفارش سازی کامل
  • رنگ های نامحدود
  • پشتیبانی شبکیه (قلم آیکون)
  • متن یا نماد را انتخاب کنید
  • متن قابل تنظیم
  • تعویض موقعیت (چپ یا راست)
  • انیمیشن مورد نظر خود را تغییر دهید
  • امکان تغییر CSS سفارشی در صورت نیاز

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

enable : فعال سازی ساخت دکمه بالارونده

type : انتخاب نوع دکمه، ایکون یا متن

position : انتخاب حالت دکمه در صفحه سایت، سمت راست یا چپ

Color : انتخاب رنگ

background color : رنگ پس زمینه

style : انتخاب نوع دکمه

animation : انتخاب انیمیشن دکمه

Speed : تعیین زمان سرعت بالارونده صفحه

Distance : فاصله

Custom Css : سفارش سازی دکمه با استفاده از کد های سی اس اس

Tipu Scroll To Top previewe

Tipu Scroll To Top previewe

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

امتیاز شما از ۱ تا ۵

Let’s block ads! (Why?)