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

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

بخش اول – قرار دادن و یا تغییر تصویر پس زمنیه اسلایدر

همانند تصویر بالا در محیط Main Background، با انتخاب WP Media library تصویری را از بخش رسانه خود آپلود می کنید و با کلیک بر روی Object Library یک تصویر از این افزونه آپلود می کنید.

بخش دوم – تنظیمات Source

Source info

که آدرس url تصویر بک گرند شما را نشان می دهد.

Image Source Size

زمانی که شما تصویری را در وردپرس آپلود می کنید، وردپرس به طور خودکار سایز های مختلفی را از تصویر آپلودی شما ایجاد می کند که برای موارد مختلف این تصاویر به کار می روند. در این بخش شما می توانید سایز دلخواه خود را برای تصویر پس زمنیه اسلایدر خود انتخاب کنید.

Alt Text

Alt Text یا همان متن جایگزین همان متنی است که هنگامی که تصویر شما لود نشود به نمایش در می آید. شما حتما باید متن مرتبطی با تصویر در این بخش داشته باشید چون به سئو سایت شما بسیار کمک می کند.

From Media Library:

با این گزینه این متن از رسانه شما استخراج خواهد شد.

From Filename:

با این گزینه متن جایگزین از همان نام تصویر شما، استخراج خواهد شد.

Custom:

با این گزینه می توانید متن دلخواه خود را وارد کنید.

Title

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

Background Fit:

Cover:

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

• ممکن است در مواردی تصویر شما بریده و یا Crop شود.

Contain:

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

Background Position / Repeat:

در بخش Position شما ترازبندی تصویرتان را تعیین می کنید و می توانید آن را وسط چین یا به سمت راست یا چپ و بالا و پایین مقید کنید.

جهت کسب اطلاعات بیشتر راجع به بخش Background Repeat این لینک را ببینید.

بخش سوم – فیلتر ها

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

بخش چهارم – Parallax

اضافه کردن چند Parallax Level در این بخش به تصویر پس زمنیه اسلایدر شما چند افکت حرکتی که با حرکت موس و یا اسکرول کردن اعمال می شوند، اضافه می کند.

Parallax Level:

قبل از استفاده از این آپشن باید مطمئن شوید که در بخش تنظیمات Parallax آن را فعال کرده باشید.

بخش پنجم – افکت Ken Burns

Ken Burns effect افکتی ست که با استفاده از آن می توانید یک انیمیشن از تصاویرتان بسازید که در آن به آرامی در تصویرتان زوم می شود که در این بخش بعد از ظاهر شدن اسلایدر رخ می دهد.

Background position:

این گزینه ترازبندی تصویر را مشخص می کند.

Scale:

از بخش From شما درصد اولیه تصویر را تعیین می کنید و در بخش To درصد زوم در تصویر نهایی تعیین می شود.

• اگر می خواهید که در تصویر زوم و بزرگنمایی شود، در بخش From عدد 100 را وارد کنید و در بخش To عددی بزرگتر از آن مثل 150 را وارد کنید.
• در صورتی که می خواهید تصویر کوچک شود، برعکس مرحله قبل عمل کنید.

Horizontal / Vertical Offsets:

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

Rotation:

با این گزینه برای افکت Ken burns یک چرخش تعیین می شود و باید در آن زاویه های دلخواهی که می خواهید را تعیین کنید.

• عدد پیشنهادی چیزی بین 10 تا 20 می باشد.

Blur Filter:

در این بخش همان افکت Ken Burns این بار با تار شدن و محو شدن تصویر اعمال می شود. به این ترتیب که ابتدا تصویر پس زمنیه اسلایدر تار است و سپس به آرامی واضح می شود.

• عددی بین 5 تا 20 پیشنهاد تیم اسلایدر رولوشن است.

Easing:

این گزینه در واقع همان چیزی است که باعث می شود انیمیشن ها واقعی به نظر برسند. گزینه پیشنهادی در این بخش “Linear.easeNone” می باشد اما شما می توانید گزینه های دیگر را انتخاب و تست کنید تا به حالت دلخواه خود برسید.

Duration:

کل زمانی که افکت Ken burns اعمال می شود با این گزینه تعیین می شود. بهترین انتخاب برای این گزینه همان عددی است که برای مقدار Delay و تاخیر اسلاید تعیین کرده اید است.

• کل زمان را به میلی ثانیه وارد کنید.