اسکرول اتوماتیک صفحه با افزونه WPFront Scroll Top

بالابردن صفحه یا اسکرول به بالای صفحه با افزونه ی WPFront Scroll Top

در این آموزش قصد داریم افزونه ای را معرفی کنیم که با استفاده از آن می توانید به کاربران خود این امکان را دهید تا صفحه سایت را با زدن یک دکمه ، سریع به بالا اسکرول دهند.

این گزینه به خصوص برای سایت هایی کاربردی است که صفحات طولانی دارند و کاربر می تواند تنها با کلیک بر روی یک دکمه به بالای صفحه بروند.

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

با استفاده از افزونه WPFront Scroll Top می توانید این مشکل را حل کنید. این افزونه یک دکمه به صفحه شما اضافه می کند و کاربر با کلیک بر روی آن می تواند به بالای صفحه یا مکانی که شما مشخص می کنید برود .

ویژگی های افزونه WPFront Scroll Top

از ویژگی های این افزونه می توان به موارد زیر اشاره کرد:

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

دانلود و نصب افزونه WPFront Scroll Top

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

دانلود افزونه WPFront Scroll Top از مخزن وردپرس

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

بر روی این گزینه کلیک کنید تا به صفحه ی تنظیمات آن بروید که نمای کامل آن مانند زیر است:

تنظیمات افزونه ی WPFront Scroll Top

تنظیمات به زبان فارسی می باشد اما مواردی را که بیشتر کاربردی هستند را توضیح می دهیم.

دو گزینه ی پایین را برای عدم نمایش دکمه در داشبورد وردپرس و Iframes فعال کنید:

برای لینک دادن دکمه به یک صفحه ی دیگر و یا یک عنصر دیگر در صفحه از تنظیمات زیر استفاده کنید و اگر قصد دارید به جای تصویر از متن یا عناصر font Awesome استفاده کنید از قسمت استایل دکمه استفاده کنید.:

برای مشخص کردن مکان دکمه نیز تنظیمات موردنظر وجود دارد:

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

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

بعد از اسکرول صفحه به مقدار 100 پیکسل دکمه مورد نظر مشخص می شود که در پایین می بینید. که با کلیک بر روی آن صفحه به بالا می رود.

و شما به راحتی یک دکمه اسکرول به بالا را به سایت خود اضافه کردید.

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

پیشنهاد می کنیم برای ایجاد یک تجربه کاربری (UX) بهتر برای سایت خود ، از این افزونه استفاده کنید .