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





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

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
7,785نمایش مشخصات نویسنده در وردپرس با افزونه Fanciest Author Box تاریخ : 2017/11/12
4,808افزونه WooCommerce Order Approval – افزونه تایید یا رد سفارشات ووکامرس تاریخ : 2022/08/9
13,082افزودن تصویر شاخص وردپرس از آدرس Post Thumbnail from URL تاریخ : 2017/03/8
15,410افزونه وردپرس سوالات متداول Fancy FAQ تاریخ : 2015/04/6
14,808تبدیل فرم‌ها به PDF در وردپرس با افزونه Form Generating PDF تاریخ : 2019/03/21
8,136مرتب سازی برگه های وردپرس با افزونه Simple Page Ordering تاریخ : 2017/12/24
6,692افزایش سرعت وب سایت وردپرسی با افزونه Google Pagespeed Insights تاریخ : 2019/02/18
16,031ساخت پرسشنامه و نظرسنجی پاپ آپ در وردپرس تاریخ : 2017/07/17
10,060نحوه نمایش منوها متناسب با شرایط کاربر در وردپرس تاریخ : 2016/11/5
20,331افزونه شمارشگر فارسی t countdown برای وردپرس تاریخ : 2014/07/22
2,336افزونه ChatGPT برای وردپرس GPT AI Power تاریخ : 2024/01/27
33,955افزونه ویدیو پلیر JWPlayer 7 برای وردپرس تاریخ : 2015/09/26
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file