آموزش تنظیمات تصویر پس زمینه در ورژن اسلایدر ۶ رولوشن

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

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

 

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

برای آپلود و بارگزاری تصاویر بک گرند، ۲ راه وجود دارد:

  1. استفاده از یک URL خارجی
  2. آپلود مستقیم تصویر در بخش “رسانه” وردپرس

بک گرند تصاویر در اسلایدر رولوشن

در مرحله بعدی تصویر مورد نظر خودتون رو آپلود کنید و یا یک لینک خارجی برای عکس از بخش “External Image” وارد کنید.

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

اگه از یه سرویس استریم (منظور شبکه هایی هست که تصاویر و محتوا رو به طور خودکار از اون ها فراخوانی میشه، مثل Instagram, Twitter, Flickr یا اسلایدر از نوع Post Based) استفاده می کنید، باید مطابق با تصویر زیر، گزینه مربوط به فراخوانی اطلاعات از این سرویس ها رو مطابق با تصویر زیر فعال کنید:

فراخوانی اطلاعات اسلایدر از سرویس استریم

 

در مرحله بعدی باید سایز و مکان تصویر پس زمینه رو تعیین کنید.تنظیمات تصویر بک گرند

  1. Source Size:
    اینجا انتخاب میکنید که چه ورژنی از سایز تصویر باید مورد استفاده قرار بگیره.
  2. BG Fit:
    سایز CSS تصویر بک گرند شما، اینجا گزینه Cover بهترین نتیجه رو میده.
  3. Repeat:
    تو این بخش برای تصاویر معمولی از no-repeat استفاده کنید و برای تصاویری که به صورت Pattern و تکرارشونده هستند از repeat استفاده کنید.
  4. Position:
    مکان مورد نظر برای تصویر شما در پس زمینه صفحه
  5. “Alt” Attr:
    به تصویر یک ویژگی Alt بدید که البته برای سئو تصاویر مهم هست. اینجا تعیین میکنید که این ویژگی Alt از کجا خوانده شود.
  6. “Title” Attr:
    به تصویر یک ویژگی Title اضافه کنید که برای سئو تصاویر بهتر است وجود داشته باشد.

 

 

تنظیمات تصاویر پس زمینه شفاف (Transparent) یا رنگی

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

در این بخش تعیین میکنید که بک گرند و پس زمینه تصویر شما به صورت شفاف و یا Transparent یا به صورت Colored (که به پس زمینه یک رنگ میدهد) باشه.

اگه خواستید که تصویر شما رنگی باشه همانند تصویر زیر میتونید این رنگ رو ویرایش کنید. همچنین میتونید با استفاده از قابلیت Color Picker یک رنگ از محیط رو انتخاب کنید و یک تصویر Gradient ایجاد کنید.

ایجاد تصویر Colored در اسلایدر رولوشن

 

بک گرند های ویدیویی

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

اگه تمایل داشتید که ویدیو بک گرند شما دارای کنترل های عادی باشه و کاربر بتونه به اون ها دسترسی داشته باشه باید بک گرند رو یه رنگ عادی انتخاب کنید و سپس ویدیو رو به صورت یه لایه جداگانه به اسلایدر اضافه کنید.

 

استفاده از ویدیوهای Youtube و Vimeo:

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

 

استفاده از ویدیوهای HTML5:

ویدیوهای HTML5 رو از بخش رسانه در پنل وردپرستون آپلود کنید و یا یک آدرس URL خارجی را وارد کنید تا ویدیو از این آدرس خوانده شود.استفاده از ویدیوهای HTML5

  1. MPEG:
    اینجا آدرس ویدیو موردنظرتون و یا خود فایل رو از رسانه انتخاب میکنید.
  2. Poster Image:
    همه ویدیوها باید یک پوستر یا تصویر پیش نمایش داشته باشند. این تصویر قبل از اجرا شدن اسلاید به نمایش در میاید و بعد ویدیو نشان داده میشود.
  3. Image from Stream if exists:
    راجع به این گزینه بالاتر توضیح دادیم، اگه عکس هاتون از یه منبع Stream خوانده میشه از این گزینه استفاده کنید.
  4. Video from Stream if exists:
    مشابه با گزینه بالا، اگه ویدیوهاتون از یه منبع Stream خوانده میشه از این گزینه استفاده کنید.

 

 

 

تنظیمات ویدیو:

بک گرند ویدیویی در اسلایدر رولوشن

  1. Aspect Ratio:
    برای ویدیوهای قدیمی از ۴:۳ استفاده کنید وگرنه همون ۱۶:۹ باقی بمونه
  2. Overlay:
    یه نوع پوشش به ویدیو اضافه میشه که استایل ویدیو رو ویرایش میکنه
  3. Loop Mode:
    تعیین میکنید که ویدیو دوباره پخش شود یا خیر
  4. Force Cover Mode:
    یک قابلیت Cover به ویدیو اضافه میکند
  5. Next Slide at End:
    تعیین میکنید که وقتی ویدیو پایان یافت، اسلاید نیز عوض شود
  6. Rewind at Start:
    زمانی که اسلاید عوض میشود، ویدیو نیز از اول آغاز میشود
  7. Mute at Start:
    در شروع ویدیو بی صدا باشد
  8. Volume:
    حجم صدای ویدیو تعیین میشود
  9. Video Speed:
    سرعت پخش ویدیو تعیین میشود
  10. Start Time:
    یک زمان تعیین شده برای شروع ویدیو تعیین میکنید مثلا ویدیو فقط از ثانیه ۵ شروع شود
  11. End Time:
    ویدیو در این ثانیه به پایان برسد
  12. Arguments:
    این گزینه مربوط به ویدیوهای Youtube و Vimeo هست که در ایران کاربردی نیستند! ولی برای اطلاعات بیشتر این لینک رو بخونید

 

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

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

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

2 Comments

  1. لیلی گفت:

    سلام وقتتون بخیر یه سوال توی اسلایدر ۵ ما میتونستیم عرض اسلایدر ور کم کنیم اما اینجا توی ورژن ۶ این امکانو من پیدا نمیکنم
    میشه راهنمایی کنید؟

پاسخی بگذارید

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