آموزش کار با افزونه کمکی Polyfold Scroll Effect

دانلود افزونه و دمو های اسلایدر رولوشن

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

 

نصب و فعال سازی افزونه کمکی Polyfold Scroll Effect

همونطوری که مطلع هستید، متاسفانه اگر شما لایسنس قانونی افزونه اسلایدر رولوشن رو نداشته باشید، قادر نخواهید بود که از این افزونه جانبی استفاده کند…!

ولی خبر خوب اینه که ما توی اسلایدر رولوشن فارسی با یک ترفند و حقه، تونستیم بدون داشتن لایسنس از افزونه های جانبی این افزونه خارق العاده استفاده کنیم!!!

برای فعال سازی این افزونه در یک اسلایدر آماده کافیه که در بخش تنظیمات عمومی یا General Setting، افزونه کمکی Polyfold همانند تصویر زیر این افزونه را فعال کنید.

فعال سازی افزونه کمکی Polyfold Scroll Effect

 

تنظیمات افزونه کمکی Polyfold

برای تغییر دادن تنظیمات پیش فرضی که بر روی افزونه کمکی Polyfold وجود دارد باید ابتدا به بخش تنظیمات اسلایدر که توی تصویر زیر هم مشخص کردیم مراجعه کنید:

افزونه کمکی polyfold

سپس برای اعمال کردن افکت های ویژه این افزونه کمکی، باید مطابق تصویر زیر و در بخش Polyfold، این افکت رو در نواحی بالا یا پایین اسلایدر خود ایجاد کنید.

فعال کردن افکت polyfold

بعد از انجام این کار و برای تعیین تنظیمات دیگه این افزونه کمکی، باید موارد زیر رو ویرایش کنید:

تنظیمات Polyfold Scroll effect

  1. Page Background Color
    این بخش تصویر پس زمینه گوشی رو مشخص می کنه که توصیه میشه همون رنگ پس زمینه سایتتون رو انتخاب کنید.
  2. Draw on Scroll
    با انتخاب این گزینه، در زمان اسکرول کردن به بالا یا پایین گوشه های اسلایدر کشیده خواهند شد.
  3. Drawing Range
    این گزینه میزان کشیده شدن اسلایدر رو تعیین می کنه که به عرض و ارتفاع کلی اسلایدر نیز وابسته است.
  4. Use Transition
    با انتخاب این بخش حرکت گوشه ها به صورت انیمیشن و با افکت های خاص صورت می گیرید.
  5. Inverted Scroll
    این گزینه جهت اسکرول را هنگام کشیدگی گوشه های اسلایدر برعکس خواهد کرد.
  6. Left Edge Width
    با این گزینه تعیین می کنید که گوشه های سمت چپ تصویر تا چه میزن کشیده شوند. (از ۰ تا ۱۰۰ درصد)
  7. Right Edge Width
    با این گزینه تعیین می کنید که گوشه های سمت راست تصویر تا چه میزن کشیده شوند. (از ۰ تا ۱۰۰ درصد)
  8. Default Height
    میران ارتفاع پیش فرض گوشه های اسلایدر
  9. Responsive Height
    با این گزینه تعیین می کنید که ارتفاع گزینه بالا به تناسب سایز های مختلف اسکرین تغییر کند یا به اصطلاح رسپانسیو باشد.(پیشنهاد می کنیم که این گزینه رو فعال کنید)
  10. Inverted Angles
    این گزینه جهت کشیدگی گوشه های صفحه را برعکس خواهد کرد.
  11. Draw Edges from
    نقطه ای که کشیدگی گوشه های اسلایدر از آن شروع می شود.
  12. Draw the Edges
    میزان کشیدگی گوشه های اسلایدر و این که تا چه حدی آن ها کشیده شوند.
  13. Disable on Mobile
    با این گزینه، این افکت بر روی گوشی های موبایل غیرفعال خواهند شد.

 

 

2 Comments

  1. رضا عباسی گفت:

    سلام
    ممنون از آموزش خفنتون

دیدگاهتان را بنویسید

اگر سوال، پیشنهاد، نظر و حتی مشکلی دارید اینجا برای ما بنویسید. قول می دهیم در کوتاه ترین زمان ممکن به آن پاسخ دهیم.