خرید هاست ارزدیجیتال
حراجی دامنه های ویژهمشاهده





تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

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

افزونه ها , افزونه وردپرس

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

 

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

 

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

 

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

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان WPFront در پیشخوان سایت وردپرسی شما افزوده خواهد شد،‌در صفحه اصلی این افزونه قادر خواهید بود تا سایر افزونه‌های نویسنده را مشاهده کنید، حال برای مدیریت تنظیمات افزونه به زیرمنوی Scroll Top مراجعه کنید.

 

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

 

  • Enabled: برای فعال کردن نمایش دکمه اسکرول وردپرس این گزینه را فعال کنید.
  • JavaScript Async: با فعال کردن این گزینه امکان اسکرول توسط جاوا اسکریپت اضافه شده و کارکرد بهتری را خواهید داشت.
  • Button Size: اندازه ثابت دکمه اسکرول را بر حسب پیکسل انتخاب کند. در صورت قرار دادن صفر این مقدار به صورت رسپانسیو در هر نمایشگر به اندازه استاندارد نمایش داده خواهد شد.
  • Button Opacity: میزان کدر بودن دکمه اسکرول وردپرس را انتخاب کنید.
  • Button Fade Duration: مدت زمان محو شدن دکمه اسکرول پس از رسیدن به بالای صفحه را بر حسب میلی ثانیه انتخاب کنید.
  • Scroll Duration: مدت زمان اسکرول را انتخاب کنید.
  • Auto Hide: با فعال کردن این گزینه دکمه اسکرول وردپرس به صورت خودکار مخفی خواهد شد.
  • Auto Hide After: مدت زمان مورد نظر برای مخفی شدن دکمه اسکرول بر حسب ثانیه را وارد کنید.
  • Hide on Small Devices: با فعال کردن این گزینه در نمایشگرهایی با اندازه کوچک که در بخش بعدی یعنی در فیلد Small Device Max Width حداکثر اندازه آن را مشخص می‌کنید دکمه اسکرول نمایش داده نخواهد شد.
  • Hide on Small Window: با فعال کردن این گزینه نیز مشابه مورد قبل برای پنجره مرورگر در محیط ویندوز،‌لینوکس،‌مک و سایر سیستم‌عامل‌های کامپیوتری می‌توانید حداکثر اندازه را در فیلد Small Window Max Width وارد کنید تا دکمه اسکرول در آنها مخفی شود.
  • Hide on WP-ADMIN: در صورتی که تمایلی به نمایش دکمه اسکرول وردپرس در پیشخوان وردپرس ندارید این گزینه را فعال کنید تا از بخش پیشخوان مخفی شود.
  • Hide on iframes: با فعال کردن این گزینه نیز دکمه اسکرول در آی‌فریم‌هایی که در صفحات خود استفاده می‌کنید مخفی خواهد شد.
  • Button Style: از این بخش نوع دکمه خود را در حالت متنی یا تصویر انتخاب کنید.
  • Image ALT: ویژگی alt را برای تصویر وارد کنید، این گزینه می‌تواند شامل نامی همچون “رفتن بالا” باشد.
  • Text Button: در صورت انتخاب نوع متنی دکمه اسکرول وردپرس در این بخش می‌توانید عنوان دکمه، رنگ متن، رنگ پس‌زمینه و استایل سفارشی را مشخص کنید.
  • Location: در این بخش نیز می‌توانید موقعین نمایش دکمه در بالا یا پایین صفحات با امکان نمایش در سمت چپ یا راست صفحه را انتخاب کرده و از بخش Margin نیز می‌توانید فاصله آن را از بخش افقی و عمودی تعیین کنید.
  • Filter: از این بخش نیز قادر خواهید بود تا نمایش دکمه اسکرول وردپرس را برای صفحات خاصی غیرفعال کنید.
  • Image: از این بخش نیز می‌توانید تصویر مورد نظر برای اسکرول وردپرس را انتخاب کرده و یا اینکه از بخش Custom URL آدرس تصویر دلخواه خود را برای نمایش به عنوان دکمه اسکرول در وردپرس وارد کنید. در نهایت تنظیمات را ذخیره کرده و از امکانات پیشرفته این افزونه برای دکمه اسکرول وردپرس استفاده کنید.

موفق باشید.

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 5 / 5. تعداد رای : 2

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

دانلود نسخه : 1.5

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=25955
کلمات کلیدی پست :
مطالب مرتبط
31,648افزونه فرم ساز پیشرفته وردپرس Formidable Forms Pro نسخه 3.09.05 + افزودنی ها تاریخ : 2021/02/13
6,928سفارشی سازی پیشخوان وردپرس با افزونه Aquila Admin Theme تاریخ : 2019/12/13
13,713افزونه وردپرس احراز هویت Google Authenticator تاریخ : 2017/01/3
7,560افزونه افزایش امنیت و احراز هویت دو مرحله ای وردپرس 5sec Google Authenticator تاریخ : 2018/06/30
11,400بسته فوق امنیتی وردپرس تاریخ : 2016/07/18
10,056ارسال پیام خصوصی بین کاربری در وردپرس با افزونه YoBro تاریخ : 2019/05/1
11,756ساخت نقشه در وردپرس با افزونه HTML5 Maps تاریخ : 2019/12/28
10,195قالب بهین اسکریپت نسخه 2 برای وردپرس تاریخ : 2014/12/31
10,254افزودن امضا و تبلیغات در انتهای مطالب وردپرس با افزونه Insert Post Ads تاریخ : 2017/06/10
3,492نمایش نسخه پی دی اف مطالب در وردپرس با PDF.js Viewer تاریخ : 2023/07/11
8,708ساخت گوگل آنالیز برای وردپرس با افزونه Analytify v1.0.4 تاریخ : 2014/08/22
12,361شش افزونه برتر وردپرس برای افزودن پاپ آپ به سایت تاریخ : 2016/10/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file