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

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

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

 

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

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

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

 

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

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

تنظیمات اسلایدر وردپرس

 

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

فعال کردن اسلایدر

 

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

فعال کردن قابلیت دمو before/after

 

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

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

افقی یا عمودی بودن اسلایدر

 

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

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

 

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

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

اضافه کردن لایه جدید

 

دمو before after

 

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

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

دموی before after

 

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

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

 

دمو before/after اسلایدر رولوشن فارسی

 

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

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

نقطه تغییر اسلاید ها

 

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

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

تنظیمات فلشتنظیمات پیکان تغییر اسلاید ها

 

 

 

 

 

 

 

 

 

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

تنظیمات فلش اسلایدر

 

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

تنظیمات خط جداکننده

 

امتیازدهی به آموزش تصویری و جامع دمو Before/After در افزونه اسلایدر رولوشن
  • محبوبیت دمو Before/After
  • سادگی کار با دمو Before/After
  • سرعت بارگذاری دمو
Overall
4.77