طراحی و بهینه سازیمشاهده

هاست

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

موفق باشید.


به کانال تلگرام بیست اسکریپت بپیوندید !

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

به صفحه اول گوگل بياييد - قوی ترين بک لينک در ايران
بک لينک در بيش از 20 هزار وبلاگ با دهها نمونه كار


هاست پرسرعت SSD ایران (ویژه افزایش رتبه سئو)
دیتاسنتر آسیاتک - مجهز به کلود لینوکس و لایت اسپید


مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1396/03/21 0 افزونه ها , افزونه وردپرس

لینک کوتاه مطلب : http://www.20script.ir/?p=25955

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
1,997معرفی و دانلود 32 افزونه برتر وردپرس تاریخ : 1395/10/6
3,766پوسته فارسی خبری HotNews برای وردپرس تاریخ : 1392/08/4
4,120افزونه برنامه ریزی و رزرو وقت ملاقات Appointkart برای وردپرس تاریخ : 1395/07/8
978افزونه وردپرس ابزارهای کاربردی GetSiteControl Widgets تاریخ : 1395/10/6
3,022شمارنده معکوس در وردپرس برای حراج محصولات با YITH Topbar Countdown تاریخ : 1396/06/1
244افزونه وردپرس ایجاد گالری عکس PhotoMosaic تاریخ : 1396/07/26
5,483افزونه فوق امنیتی وردپرس Security Pro نسخه 4.7.3 تاریخ : 1396/10/16
4,142قالب سایت اسکریپت برای وردپرس تاریخ : 1393/03/21
305افزونه ایجاد تبلیغات هوشمند در وردپرس SmartADV تاریخ : 1396/08/29
2,167افزونه استعلام موجودی حساب جهان پی در داشبورد وردپرس تاریخ : 1393/01/29
2,395غیر فعال کردن ارسال دیدگاه در وردپرس با افزونه Disable Comments تاریخ : 1394/11/27
2,997ساخت پرسشنامه و نظرسنجی پاپ آپ در وردپرس تاریخ : 1396/04/26
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب