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

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه 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,683افزونه امنیتی وردپرس Security Pro نسخه 2.2.2 تاریخ : 2016/02/15
10,110نمایش عنوان نوشته‌ها به‌صورت متحرک در وردپرس با افزونه Post Title Marquee Scroll تاریخ : 2018/02/11
8,801رفع مشکلات وردپرس به وسیله افزونه Hotfix تاریخ : 2018/02/13
14,142افزونه صفحه ساز پیشرفته وردپرس Cornerstone نسخه 4.2.2 تاریخ : 2020/03/12
24,867افزونه ارسال اتوماتیک مطلب WP Robot نسخه 4.10 تاریخ : 2014/11/28
5,176افزونه رزرواسیون و نوبت دهی آنلاین در وردپرس Fat Services Booking تاریخ : 2019/11/13
4,556افزونه موافقت فعال سازی کوکی ها در وردپرس Cookie Consent تاریخ : 2019/08/29
7,224ایجاد سیستم نظردهی و ثبت امتیاز در وردپرس و ووکامرس با افزونه Ultimate Reviewer تاریخ : 2019/06/21
14,887افزونه دسترسی به دیتابیس در وردپرس با WordPress dbMyadmin تاریخ : 2014/12/27
8,224ایجاد صفحه انتظار قبل از بارگذاری سایت با افزونه Loading Page تاریخ : 2018/07/6
7,387افزونه وردپرس چت و گفتگوی آنلاین 82 Live Chat تاریخ : 2017/02/5
8,284مسدود کردن آی‌پی در وردپرس با افزونه Simple IP Ban تاریخ : 2018/04/17
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file
تبلیغات