تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه Simple Scroll to Top Button

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

یکی از نیازهای بازدیدکنندگان، سهولت استفاده از سایت‌ها جهت بازدید و بازگشت به اول همان صفحه است که این بازگشت سریع نیازمند افزونه‌ای کاربردی است تا بتواند با ایجاد دکمه برو به بالا در وردپرس در صرف وقت بازدیدکنندگان صرفه‌جویی کند، گاهی اوقات کمبود این افزونه در سایت باعث خروج بازدیدکنندگان از سایت می‌شود که می‌توانید با استفاده از این افزونه به‌راحتی دکمه‌ای طبق سلیقه خود درست کنید تا بتوانید این امکان بسیار عالی را با افزونه Simple Scroll to Top Button به سایت وردپرسی خود اضافه کنید.

 

آموزش ایجاد دکمه برو به بالا در وردپرس با افزونه Simple Scroll to Top Button

افزونه Simple Scroll to Top Button چیست؟ یک افزونه بسیار کاربردی که به کاربران سایت اجازه می‌دهد در کسری از ثانیه به اول صفحه بازگردند و دیگر با اسکرول کردن‌های طولانی و خسته‌کننده مواجه نشوند، پس در یک جمله باید گفت: (فوراً برو به بالای صفحه)، برای ایجاد دکمه برو به بالا در وردپرس ابتدا به بررسی امکانات این افزونه می‌پردازیم و سپس طبق معمول روش نصب و راه‌اندازی افزونه را مرور می‌کنیم پس برای ادامه این آموزش با ما همراه شوید.

 

امکانات ویژه ایجاد دکمه برو به بالا در وردپرس عبارت است از:

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

بعد از بررسی امکانات ویژه افزونه Simple Scroll to Top Button به نصب و راه‌اندازی این افزونه برای ایجاد دکمه برو به بالا در وردپرس می‌پردازیم.

 

برای نصب این افزونه طبق تصویر زیر اقدام کنید:

  • یا از قسمت افزونه‌ها روی گزینه بارگذاری افزونه کلیک کنید و از لینک زیر افزونه را دانلود کنید و در قسمت بارگذاری، افزونه را بارگذاری کنید.
  • یا اینکه از قسمت کلیدواژه Simple Scroll to Top Button را تایپ کنید و افزونه ایجاد دکمه برو به بالا در وردپرس را نصب و سپس فعال‌سازی کنید.

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه Simple Scroll to Top Button

درصورتی‌که با نصب کردن افزونه مشکلی ‌دارید می‌توانید آموزش نصب افزونه را مشاهده کنید.
بعد از نصب افزونه در نوار کناری (سایدبار) در قسمت تنظیمات گزینه‌ای بانام Simple Scroll to Top به داشبورد شما اضافه می‌شود که برای رفتن به قسمت تنظیمات این افزونه روی این گزینه کلیک کنید.

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه Simple Scroll to Top Button

در صفحه اصلی به معرفی تنظیمات اصلی می‌پردازیم:

  • Enable “Scroll to Top” buttonبرای فعال کردن افزونه دکمه بالارونده این گزینه را روی Yes قرار دهید.
  • Button backgroundبرای تغییر طرح پس‌زمینه دکمه این گزینه را تغییر دهید.
  • Button background color: برای تغییر رنگ پس‌زمینه دکمه از این پالت رنگ استفاده کنید.

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه Simple Scroll to Top Button
ادامه تنظیمات:

  • Button symbolبرای انتخاب مدل‌های مختلف از دکمه‌ها می‌توانید از نمونه‌های زیر استفاده کنید.
  • Button symbol colorبرای تغییر رنگ دکمه‌ها از این پالت رنگ استفاده کنید.
  • Transparencyبرای فعال کردن حالت ترنسپرنسی از این گزینه را فعال کنید.
  • Button size: برای تغییر سایز دکمه‌ها می‌توانید مقدار درون این فیلد را افزایش دهید.

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه Simple Scroll to Top Button


ادامه تنظیمات:

  • Scroll duration: برای افزایش سرعت بازگشت به بالا این فیلد را برحسب میلی‌ثانیه تنظیم کنید که به‌صورت پیش‌فرض ۳۰۰ میلی‌ثانیه است.
  • Display button on: این گزینه شامل دو قسمت است که اولی برای نمایش دکمه در کل صفحات سایت است و دومی برای نمایش دکمه تنها در صفحه اصلی است.
  • Save changes: برای ذخیره تغییرات روی گزینه Save changes کلیک کنید.
  • Live Preview: برای مشاهده نتیجه تنظیمات می‌توانید از این قسمت به‌صورت زنده دکمه ساخته‌شده خود را ببینید.

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه Simple Scroll to Top Button
جمع‌بندی:
اگر شما هم از قالب‌هایی استفاده می‌کنید که قابلیت دکمه بالارونده را ندارند و می‌خواهید این امکان را به سایت وردپرسی خود اضافه کنید کافی است با ایجاد دکمه برو به بالا در وردپرس با افزونه Simple Scroll to Top Button این امکان بسیار کاربردی و کاربرپسند را به سایت وردپرسی خود اضافه کنید.

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

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

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

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

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

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

کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 1 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=33648
کلمات کلیدی پست :
مطالب مرتبط
8,992ایجاد اسلایدر ویدئویی در وردپرس با افزونه Video Slider تاریخ : 2018/09/10
4,368افزونه پخش کننده صوتی Lono برای وردپرس تاریخ : 2018/12/12
10,296ایجاد نوار پیمایش سفارشی در وردپرس با افزونه Site Content Navigator تاریخ : 2018/07/30
5,944افزونه پیشنهاد کلمات کلیدی قوی برای محتوای وردپرس WordPress Longtail Keyword SEO تاریخ : 2019/03/16
8,126افزایش حجم و رفع محدودیت‌ها در وردپرس با افزونه PHP Settings تاریخ : 2018/02/26
10,318نمایش توضیحات نقطه ای برروی تصاویر با افزونه وردپرس Premium Presentations تاریخ : 2017/08/17
55,224افزونه فارسی صفحه ساز وردپرس Beaver Builder Pro نسخه 2.4.2.3 تاریخ : 2021/05/28
8,031افزونه مدیریت حرفه ای تبلیغات WP Pro Ad System v4.1.2 برای وردپرس تاریخ : 2015/01/9
5,992پاک‌سازی کدهای HTML در ویرایشگر وردپرس با افزونه Cleanup HTML تاریخ : 2018/06/5
13,265به کاربران حق آپلود فایل بدهید ! + افزونه + آموزش تاریخ : 2014/10/23
20,402افزونه پرسش و پاسخ حرفه ای Sabai Discuss نسخه 1.3.1 تاریخ : 2014/11/1
5,563افزونه وردپرس ایجاد گالری عکس PhotoMosaic تاریخ : 2017/10/18
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
indiegogo
sourceforge
profile webmaster
profile webmaster
profile
profile check
profile check
آرشیو
checker list
checker
checker
upload file
سئو سایت
تبلیغات