آموزش جامع عملگر Actions در ورژن اسلایدر ۶ رولوشن

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

تو این آموزش قصد داریم تنظیمات عملگر Actions در ورژن ۶ اسلایدر رولوشن رو با هم بررسی کنیم.

عملگر Actions در افزونه اسلایدر رولوشن به شما امکاناتی مثل اضافه کردن لینک، اضافه کردن یک دکمه اسکرول زیر اسلایدر، پرش به اسلایدرهای قبلی، توقف اسلایدر، ایجاد یک مدیا مثل فیلم یا Voice و ایجاد خواص ویژه برای آن و… رو میده.

 

تنظیمات عملگر Actions در افزونه اسلایدر رولوشن

برای اضافه کردن یک Action لایه مورد نظرتون رو انتخاب کنید و سپس مثل تصویر زیر، از ویرایشگر اسلایدر رولوشن و زیر بخش Layer Options بر روی Actions کلیک کنید.

تنظیمات عملگر Actions در اسلایدر رولوشن

اگه لایه شما پیش از این هیچ Action خاصی نداشته باشه، منویی که در تصویر زیر می بینید به شما نشون داده میشه تا یک Action اضافه کنید.

اضافه کردن Action به لایه

وقتی یک Action به لایه اضافه کنید، تنظیمات این Action به شما مطابق با تصویر زیر نمایش داده میشود.

تنظیمات برای لایه Action اسلایدر

لایه ها می توانند چندین Action داشته باشند، مطابق تصویر زیر بر روی Add Action کلیک کنید تا Action های بیشتری داشته باشید.اضافه کردن Action به لایه

حالا با کلیک بر روی گزینه “Action Type” یک اکشن دیگه از گزینه هایی که دارید انتخاب کنیدایجاد لینک در اسلایدر وردپرس

حالا بر روی هر کدام از اکشن ها که کلیک کنید میتونید تغییراتی که میخواید رو روی اون ها اعمال کنید.

ویرایش عملگر اکشن در اسلایدر رولوشن

همچنین میتونید از همین بخش Action ها رو همانند تصویر زیر حذف و یا کپی کنید.

حذف یا کپی کردن اکشن ها در اسلایدر

 

آموزش نحوه ایجاد لینک در اسلایدر

شما در افزونه اسلایدر رولوشن این امکان رو دارید که به هر لایه ای در محیط اسلایدر لینک اضافه کنید.

این کار به ۳ صورت انجام میشه که تنظیمات هر مورد رو به صورت جداگانه بررسی میکنیم:

  1. Simple Link
  2. Callback
  3. Scroll Below Slider

Simple Link

ایجاد لینک ساده در اسلایدرتنظیمات ایجاد لینک در افزونه اسلایدر رولوشن

  1. Interaction
    تعیین می کنید که این اکشن با کلیک کاربر یا ورود یا خروج کاربر اتفاق بیفتد
  2. Action Type
    انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
  3. Link URL
    آدرس URL صفحه ای که باید ارجاع داده شود
  4. Link Target
    اینجا انتخاب میکنید که لینک جدید در این صفحه باز شود و یا در یک پنجره جدید
  5. Link Type
    اینجا پیشنهاد میکنیم که از گزینه HTML معمولی استفاده کنید، در غیر این صورت و در صورت آشنایی با jQuery میتونید گزینه دیگه ای رو انتخاب کنید
  6. Follow
    تعیین میکنید که لینک از نوع فالو باشد یا نوفالو (مربوط به سئو)
  7. Action Delay
    میزان تاخیر اجرای این اکشن رو تعیین می کنید

Callback

تنظیمات اکشن Callback

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

 

  1. Interaction
    تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
  2. Action Type
    انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
  3. Function
    با این گزینه یک عملگر حاوا اسکریپت فراخوانی میشود. اگر با این موارد آشنایی دارید این گزینه رو برلی تنظیمات پیشرفته تغییر بدید
  4. Action Delay 
    میزان تاخیر اجرای این اکشن رو تعیین می کنید

 

Scroll Below Slider

اکشن Scroll Below Slider

این اکشن به شما این امکان رو میده که با کلیک بر روی یک لایه به طور خودکار صفحه به پایین یا بالا اسکرول شود

تنظیمات عملگر action در دکمه اسکرول زیر اسلایدر

 

  1. Interaction
    تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
  2. Action Type
    انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
  3. Scroll Offset
    اینجا به پیکسل، میزانی که میخواهید صفحه به پایین اسکرول شود را وارد میکنید
  4. Animatin Easing
    استفاده از یک افکت Easing برای نرمی بیشتر اسکرول
  5. Duration
    مدت زمانی که اسکرول باید طول بکشد
  6. Action Delay
    میزان تاخیر اجرای این اکشن رو تعیین می کنید

 

اکشن های Media

با این اکشن یک مدیا مثل فیلم یا Voice به همراه یک سری خواص ویژه برای آن تعریف میکنید.

ایجاد اکشن Media در اسلایدر

گزینه “Start Media” در تصویر بالا باعث میشود که مدیای شما که می تواند به صورت ویدیو و یا موزیک باشد پخش شود. “Stop Media” هم پخش را متوقف میکند. “Toggle Media” هم وضعیت پخش را عوض میکند.

تنظیمات اکشن مدیا

  1. Interaction
    تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
  2. Action Type
    انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
  3. Target Layer
    انتخاب ویدیو و یا موزیکی که میخواهید این عملگر بر آن اعمال شود
  4. Action Delay
    میزان تاخیر اجرای این اکشن رو تعیین می کنید

 

بی صدا یا صدا دار کردن فایل های مدیا

بی صدا یا صدا دار کردن فایل های مدیا

انتخاب “Toggle Mute Media” باعث میشه که به لایه این ویژگی رو بده که با کلیک روش ویدیو یا فایل صوتی شما Mute یا بی صدا و یا صدا دار شود. “Toggle Mute All Media” برای همه فایل های در این اسلاید اعمال میشود.

تنظیمات بی صدا کردن مدیا در اکشن ها

 

 

  1. Interaction
    تعیین میکنید که این اکشن با کلیک کاربر و یا انواع حرکات موس اتفاق بیفتد
  2. Action Type
    انتخاب این گزینه به شما اجازه میدهد تا اکشن لینک را به یک اکشن دیگر تعییر بدید
  3. Target Layer
    انتخاب ویدیو و یا موزیکی که میخواهید این عملگر بر آن اعمال شود
  4. Action Delay
    میزان تاخیر اجرای این اکشن رو تعیین می کنید

 

 

Action های دیگر

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

  • Fullscreen Actions: این اکشن برای تمام صفحه کردن و یا خارج شدن از حالت تمام صفحه به کار میرود.
  • Slide Actions: این اکشن برای جابجایی بین اسلایدها و لینک دادن اسلایدها به یکدیگر به کار میاد.
  • Layer Actions: که برای نمایش یا مخفی کردن لایه ها و ایجاد یک افکت انیمیشن برای آن ها به کار میرود.

 

به این آموزش چه امتیازی می دهید؟

میانگین امتیاز ۵ / ۵٫ تعداد آرا: ۸

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

4 Comments

  1. شایان گفت:

    سلام
    وقتتون بخیر
    اول از همه بخاطر آموزشاتون ازتون ممنونم تا حالا خیلی وقتا اشکالاتمو ازینجا برطرف کردم
    و ی سوال داشتم
    من رو دگمه لینک میذارم و آخر سر سیو میکنم اما دکه اسلایدروم هیچ کاری نمیکنه…انگار ن انگار
    مرسی و موفق باشید

    • پشتیبانی اسلایدر رولوشن فارسی گفت:

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

  2. شایان گفت:

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

  3. شایان گفت:

    یه مورد دیگه که هست اینه که رو اسلایدر متنی نوشتم که وقتی با موبایل سایت رو باز می کنم ابعاد متن متناسب صفحه گوشی کوچیک نمیشه و فقط قسمتی از متن نشون داده میشه(اون قسمتی که رو عرض صفحه گوشی قابل دیده شدنه) …لطفا تو این زمینه هم راهنماییم کنید.ممنونم و موفق باشید

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *