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


 

آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

هاست

افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll Top

افزونه ها , افزونه وردپرس
افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll TopReviewed by M J on Feb 13Rating: 3.5افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll Topامروزه اکثر سایت های معتبر و محبوب از دکمه ناوبری در سایت خود استفاده میکنند تا دیگر کاربران از اسکورل کردن در سایت خسته نشوند و تنها با یک کلیک بتوانند در سایت حرکت کنند، معمولا بیشتر قالب ها از این ویژگی به صورت پیشفرض استفاده میکنند اما برخی از آنها از این ویژگی برخوردار نیستند، برای افزودن این دکمه در این نوع قالب ها میتوانید از افزونه ها استفاده کنید، اما یافتن یک افزونه مناسب کار دشواری است، در ادامه افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll Top را به شما عزیزان آموزش خواهم داد.

امروزه اکثر سایت های معتبر و محبوب از دکمه ناوبری در سایت خود استفاده میکنند تا دیگر کاربران از اسکورل کردن در سایت خسته نشوند و تنها با یک کلیک بتوانند در سایت حرکت کنند، معمولا بیشتر قالب ها از این ویژگی به صورت پیشفرض استفاده میکنند اما برخی از آنها از این ویژگی برخوردار نیستند، برای افزودن این دکمه در این نوع قالب ها میتوانید از افزونه ها استفاده کنید، اما یافتن یک افزونه مناسب کار دشواری است، در ادامه افزونه وردپرس افزودن دکمه برگشت به بالا Smart Scroll Top را به شما عزیزان آموزش خواهم داد.

 

 

برای شروع نیاز است تا افزونه را در سایت خود نصب و فعالسازی نمایید، پس از فعالسازی افزونه به صورت خودکار دکمه ناوبری را در سایت شما اضافه خواهد کرد، این دکمه کاملا رسپانسیو است و میتوانید متن نیز به آن اضافه نمایید و از صفحات نمایش رتینا نیز پشتیبانی میکند. اکنون وقت آن فرا رسیده است تا  دکمه ناوبری را آنگونه که میخواهید سفارشی سازی نمایید.

 

امکانات شخصی سازی افزونه Smart Scroll Top :

  • دارای طیف وسیعی از رنگ ها
  • پشتیبانی از رتینا
  • افزودن متن به دکمه ناوبری
  • استفاده از فونت برای آیکون
  • سفارشی سازی متن استفاده شده
  • تغییر موقعیت دکمه ناوبری
  • تغییر انیمیشن
  • پشتیبانی از دستگاه موبایل

 

تنظیمات افزونه Smart Scroll Top

  • Enable: فعال کردن دکمه ناوبری برای استفاده در قالب.
  • Enable scroll top:با استفاده از این بخش میتوانید قابلیت اسکورل به بالای صفحه را فعال نمایید.
  • Type: با استفاده از این بخش میتوانید نوع دکمه ناوبری را مشخص نمایید.
  • Icon: با استفاده از این بخش میتوانید استفاده از آیکون را در دکمه ناوبری فعال نمایید.
  • Text: با استفاده از این بخش میتوانید استفاده از متن را در رکمه ناوبری فعال نمایید.
  • Position: با استفاده ااز این بخش میتوانید موقعیت قرار گیری دکمه را در صفحه مشخص نمایید.
  • Right side: با استفاده از این بخش موقعیت دکمه در بخش سمت راست صفحه خواهد بود.
  • Left side: با استفاده از این بخش موقعیت دکمه در سمت چپ صفحه خواهد بود.
  • Color: با استفاده از این بخش میتوانید رنگ به کار رفته در دکمه ناوبری را مشخص نمایید.
  • Background Color: با استفاده از این بخش میتوانید پس زمینه دکمه ناوبری را مشخص نمایید.
  • Style Radius: با استفاده از این گزینه میتوانید استایل گوشه های دکمه را مشخص نمایید.
  • Rounded Rounded: با استفاده از این گزینه استایل گوشه های دکمه سخت خواهد بود.
  • Square Square: با استفاده از گزینه استایل گوشه های دکمه نرم خواهد بود.
  • Circle Circle: با استفاده از این گزینه استایل گوشه های دکمه دایره ای خواهد بود.
  • Animation: با استفاده از این بخش میتوانید انیمیشن به کار رفته در دکمه ناوبری را مشخص نمایید.
  • Fade: با انتخاب این گزینه انیمیشن دکمه ناوبری حالت محو شدنی خواهد داشت.
  • Slide: با انتخاب این گزینه انیمیشن دکمه ناوبری حالت اسلاید خواهد داشت.
  • None: با انتخاب این گزینه دکمه ناوبری دارای انیمیشن نخواهد بود.
  • Speed: با استفاده از این بخش میتوانید سرعت ناوبری را مشخص نمایید.
  • Distance: با استفاده از این گزینه میتوانید مسافت پمایش در صفحه را مشخص نمایید.

 

Custom CSS: با استفاده از این بخش میتوانید استایل مورد علاقه خود را به افزونه بدهید تا آنگونه که میخواهید آن را سفارشی سازی نمایید. با استفاده از این بخش این قابلیت را خواهید داشت تا با استفاده از زبان CSS به دکمه سایه بدهید و موقعیت دکمه را به صورت دستی تنظیم نمایید و در یک کلام با تمام قدرت آن را سفارشی سازی نمایید.

 

با استفاده از این افزونه خواهید توانست یک دکمه ناوبری بسیار زیبا ایجاد کنید تا کاربران مجبور نباشند در صفحات سایت شما اسکورل کنند، و از استفاده از این دکمه تجربه خوبی را بدست آورند. شما با استفاده از تنظیمات مناسب این افزونه میتوانید دکمه ناوبری سایت خود را به راحتی ایجاد کنید و از آن لذت ببرید.

 

امیدوارم در این مطلب به شما عزیزان ابزار مناسبی را در جهت ایجاد دکمه ناوبری معرفی کرده باشم.

 

همیشه و همه جا موفق باشید…


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

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

دستگاه جوجه کشی

مطلب مفیدی بود ؟
نویسنده : admin تاریخ : 1395/11/25 0 افزونه ها , افزونه وردپرس

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
898افزونه وردپرس امتیاز دهی GD Star Rating تاریخ : 1395/10/5
2,255اسلایدر واکنشگرا به قابلیت برش تصاویر تاریخ : 1393/05/5
2,216دسته بندی برگه های وردپرس با افزونه Add Category to Pages تاریخ : 1396/06/7
3,853افزونه مدیریت حرفه ای تبلیغات WP PRO Advertising System نسخه 4.3.1 تاریخ : 1393/11/30
1,603عدم نمایش مطالب دسته خاص در فید وردپرس تاریخ : 1395/04/20
2,098افزونه‌ اشتراک گذاری مطالب برای شیرترانیکس تاریخ : 1393/03/5
1,725افزونه وردپرس آپارات Aparat for WordPress تاریخ : 1395/10/7
6,272دانلود مجموعه عظیم افزونه های Wpmudev برای وردپرس تاریخ : 1394/01/3
9,311افزونه فارسی صفحه ساز گرافیکی پیشرفته ویژوال کمپوسر نسخه ۴.۴.۱ تاریخ : 1393/11/3
2,644نمایش مطالب مرتبط بدون افزونه در وردپرس تاریخ : 1394/05/11
3,688افزونه پرداخت آنلاین زرین پال برای Joomla تاریخ : 1393/01/30
3,190افزونه ابزارک قرآن کریم برای وردپرس تاریخ : 1393/06/30
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
آموزش طراحی سایت با سئو بالا مثل دانلودها توسط طراح اصلی آن دریافت و مشاهده