آموزش تصویری و جامع دمو Before/After در افزونه اسلایدر رولوشن

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

بخش اول – نصب و فعال کردن دمو Before/After

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

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

بخش دوم – فعال کردن Add-On

همانند تصویر زیر به بخش Slider Settings بروید:

حالا در بخش Before/After، این Addon رو برای دمو Before/After فعال کنید:

در قدم بعدی، قابلیت Before/After رو برای هر اسلاید، جداگانه فعال کنید:

بخش سوم – افقی یا عمودی بودن اسلایدر را تعیین کنید

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

بخش چهارم – هرچه که میخواهید در پیش زمینه اسلایدر باشد را اضافه کنید

همانطور که در تصویر زیر می بینید، از قسمت Static/Global Layers و Main Background، برای بخش های before و after مدیا های مورد نظر خود را اضافه و یا ویرایش کنید.

بخش پنجم – لایه هایی که میخواهید را به اسلایدر اضافه کنید

در قسمت Style و Add Layer می توانید هر نوع لایه ای که مد نظرتان است را اضافه کنید، مثل تصویر، متن، دکمه و…

بخش ششم – تغییر حالت از before به after و برعکس

همانند تضویر زیر از قسمت Admin BG View می توانید تعیین کنید که این تنظیمات، برای حالت Before است یا After.

همچنین، با استفاده از 3 رنگ می توانید متوجه شوید که هر لایه متعلق به کدام مرحله است:

• رنگ قرمز در تصاویر زیر مربوط به مرحله Before یا قبل است.
• رنگ سبز مربوط به مرحله After یا بعد است.
• رنگ زرد، استاتیک و مربوط به هر دو مرحله است.

بخش هفتم – تعیین نقطه تغییر اسلاید ها در افزونه Before/After

در این قسمت مختصات نقطه ای که در آن، اسلاید ها از before به after تغییر می کنند را تعیین کنید.

بخش هشتم – تنظیمات استایل فلش و خط تغییر اسلاید ها

با رفتن به بخش Slider Settings، نوع پیکان و فلش مد نظر خود را انتخاب کنید:

همچنین می توانید تنظیمات دیگری برای این فلش و پیکان ایجاد کنید. مانند حاشیه و سایه و ایجاد یک مرز برای آن:

برای خط جداکننده دو اسلاید هم می توانید تنظیمات دلخواه خود برای دمو Before/After را ایجاد کنید: