آموزش تصویری افزودن توضیحات به اسلاید توسط عملگر Layer Action در افزونه اسلایدر رولوشن

آموزش افزودن توضیحات به اسلایدر رولوشن

در مثالی که در این پست آورده شده است، ما ۲ لایه را به اسلاید مورد نظر خود اضافه می کنیم. یکی از آن ها مربوط به تصویر است و دیگری توضیحات آن تصویر می باشد. سپس این توضیحات را حذف کرده و کاری می کنیم تا فقط زمانی که کاربر موس خود را بر روی تصویر می برد، توضیحات به نمایش در بیایند. همه این عملیات ها توسط عملگر Layer Actions انجام خواهند شد.

این روش برای ویرایش ۲ لایه قابل استفاده است و لازم نیست که حتما شما تصویری داشته باشید، می توانید از این روش در دکمه ها نیز استفاده کنید.

بخش اول – افزودن یک تصویر به اسلاید

 

اضافه کردن تصویر به اسلاید

 

بخش دوم – افزودن توضیحات و یک تصویر پیش زمینه برای آن

 

آموزش تصویری افزونه وردپرس

همانطور که در تصویر بالا مشاهده می کنید، برای این کار به تب Background مراجعه می کنید و در این بخش می توانید رنگ پیش زمینه و رنگ متن خودتون رو انتخاب کنید همچنین ابعاد این لایه را در بالای تب Background می توانید ویرایش کنید.

 

بخش سوم – با انتخاب Image Layer دو عمل زیر را انجام دهید.

  1. با انتخاب عکس مورد نظر خود و در محیط Actions همانند تصویر زیر اقدام کنید.
  2. در همان بخش آن را بر روی Mouse leave قرار دهید.

اضافه کردن توضیح به اسلایدر رولوشن

 

بخش چهارم – نتیحه نهایی:

در حالت عادی :

دانلود اسلایدر رولوشن

در حالتی که موس بر روی آن قرار می گیرد:

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