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

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

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

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

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

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

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

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

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

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

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