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





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

ایجاد دکمه اسکرول به بالای صفحه در وردپرس با افزونه 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
کلمات کلیدی پست :
مطالب مرتبط
1,732افزونه سفارشی سازی پنل مدیریت وردپرس Custom Admin Interface Pro تاریخ : 2024/05/19
16,108افزونه فارسی فرم ساز پیشرفته وردپرس Quform نسخه 1.4.18 تاریخ : 2014/09/24
13,656مدیریت دیتابیس در وردپرس با افزونه ARI Adminer تاریخ : 2018/09/7
63,381افزایش سرعت بارگذاری سایت با افزونه پرمیوم WP Fastest Cache تاریخ : 2024/06/18
13,526هشدار بروز رسانی مطالب قدیمی وردپرس با افزونه Juiz Outdated Post Message تاریخ : 2017/12/25
14,100ایجاد گالری عکس و ویدیو به سبک گرید در وردپرس با افزونه Famous تاریخ : 2018/10/16
14,342دانلود افزونه تماس با ما Ninja Kick v.2.2.4 برای وردپرس تاریخ : 2015/01/11
20,201افزونه نمایش ۳۶۰ درجه محصولات ووکامرس Smart Product Viewer تاریخ : 2015/02/8
7,164افزونه پخش کننده صدا Audier برای المنتور تاریخ : 2023/07/19
10,835افزونه چت و پشتیبانی nChat برای وردپرس تاریخ : 2015/06/16
42,032خبرنامه حرفه ای با افزونه فارسی MailPoet وردپرس تاریخ : 2014/10/6
7,404افزونه Yith WordPress Test Environment محیط دمو و تست برای ووکامرس تاریخ : 2022/02/8
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب