تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
افزونه Coins MarketCap 1 پاسخ 170 بازدید درخواست پلاگین 4 پاسخ 394 بازدید اسکریپت vfm 5 پاسخ 511 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 188 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1045 بازدید درخواست افزونه 1 پاسخ 394 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 664 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 612 بازدید نمایش کد های php 0 پاسخ 371 بازدید
تبلیغات
تبلیغات تبلیغات

افزودن دکمه اسکرول در وردپرس با افزونه 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 آدرس تصویر دلخواه خود را برای نمایش به عنوان دکمه اسکرول در وردپرس وارد کنید. در نهایت تنظیمات را ذخیره کرده و از امکانات پیشرفته این افزونه برای دکمه اسکرول وردپرس استفاده کنید.

موفق باشید.

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

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

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

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

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

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=25955
کلمات کلیدی پست :
مطالب مرتبط
9,120تبدیل فرم‌ها به PDF در وردپرس با افزونه Form Generating PDF تاریخ : 2019/03/21
4,036افزونه توییتر وردپرس Twitter Feed تاریخ : 2019/10/31
11,913افزونه نمایش لیستی از نویسندگان یا اعضای تیم در وردپرس تاریخ : 2014/10/12
18,282بادی پرس پارسی نسخه 2.1.1 منتشر شد تاریخ : 2014/11/5
10,010نمایش ویترین لوگوها در وردپرس با Logos Showcase تاریخ : 2015/05/24
2,728افزونه ایجاد اسلایدر خبری در وردپرس Fancy News تاریخ : 2021/11/1
5,308حذف لرزش فرم ورود به داشبورد وردپرس تاریخ : 2018/03/15
13,992نمایش آخرین مطالب یک سایت در سایت دیگر وردپرسی تاریخ : 2015/08/6
4,996افزونه فرم تماس با من برای وردپرس Call Me Back تاریخ : 2019/01/29
5,318دکمه بازگشت به ابتدای صفحه در وردپرس با افزونه Scroll Bar With Back To Top تاریخ : 2018/01/20
3,756تفاوت سایت WordPress.com و WordPress.org چیست؟ تاریخ : 2020/01/5
16,759افزونه وردپرس فروش دوره های آموزشی CoursePress Pro تاریخ : 2017/10/18
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات