تنظیمات Layout در اسلایدر رولوشن ورژن ۶

---

آموزش تنظیمات Layout/Size, Responsive Breakpoints, Background در اسلایدر رولوشن ورژن ۶

 

در این آموزش قصد داریم تا همه‌ی تنظیمات مربوط به بخش  Layout در اسلایدر رولوشن ورژن ۶ را  بررسی کنیم. اگر در طرح بندی و تغییر سایز Revolution Slider قالب خود دچار مشکل هستید، این آموزش را دنبال کنید.

وارد ویرایشگر اسلایدر رولوشن شوید و مطابق شکل، گزینه‌ی layout را انتخاب کنید.

 

۱. Layout

 

۱. Type

گزینه‌ی ‘Slider’ را برای قالب‌های دارای چند اسلاید، ‘Scene’ را برای قالب‌های تک اسلایدی و ‘Carousel‘ را برای قالب‌های چند اسلایدی و به صورت اسلایدشو، انتخاب کنید.

۲. Sizing

با انتخاب ‘Auto’  اسلایدهای قالب شما متناسب با سایزی که خود اسلایدر رولوشن برای شما در نظر گرفته‌است نمایش داده می‌شود، ‘Full Width’ قابلیت تمام عرض را برای اسلایدهای شما اجرا می‌کند و اسلاید شما  کشیده‌تر و متناسب با صفحه‌ی اسکرین کاربر، به چشم خواهد آمد و ‘Full Screen’ قابلیت تمام صفحه بودن را برای اسلایدهای شما اجرا می‌کند و سایز اسلاید شما با سایز کلی صفحه نمایش یکی خواهدشد.

 

۲. Breakpoints

Breakpoints  عوامل مهمی برای تغییر اندازه اسلایدها می‌باشند. آن‌ها در واقع مشابه مدیا کوئری‌ها در css هستند، جایی که در آن سایز و استایل محتوا را می‌توان با توجه به اندازه‌ی صفحه نمایش تنظیم کرد.

 

۱. Enable/Disable

در این قسمت ۴ حالت داریم. Breakpoints را برای هر تعداد حالتی که در نظر دارید، فعال کنید. شما می‌توانید مقدار عرض(2) و ارتفاع(3) را  با توجه به نوع نیاز خود تغییر دهید.

۲. Width

اگر مایل هستید می‌توانید Width یا عرض را پس از انتخاب Breakpoint مورد نظرتان تغییر دهید.

۳. Height

اگر مایل هستید می‌توانید Height یا ارتفاع را پس از انتخاب Breakpoint مورد نظرتان تغییر دهید.

 

۳. Advanced Sizes (تنظیمات پیشرفته)

 

۱. Max Width

در این قسمت می‌توانید عرض ماکسیم را خودتان در صورت تمایل وارد کنید،

۲. Min Height

حداقل مقداری که برای Height یا ارتفاع می‌خواهید را در این قسمت می‌توانید وارد کنید.

۳. Wrapper Max Height

ماکسیمم مقدار ارتفاعی که برای Wrapper  در نظر دارید را وارد  کنید.

۴. Keep Breakpoint Heights

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

۵. Respect Aspect Ratio (حفظ نسبت تصویر)

به طور معمول ارتفاع یک اسلاید هرگز از ارتفاع تعیین شده در breakpoint بیشتر نخواهدشد . با فعال کردن این گزینه به شکل موثری این محدودیت را حذف کنید.

۶. Grid = Module

در این حالت تراز قرارگیری هر لایه با تراز بیرونی اسلاید اصلی برابر است، و این تراز بستگی به نحوه‌ی قرارگیری و نوع حالت قالب شما دارد.

۷. Force Overflow Visible

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

۸. Fixed on Top

قالب شما  همیشه در بالای صفحه قرار داده خواهدشد. این گزینه برای فهرست‌های چسبنده مفید است.

 

۴. Fullscreen Options

شما می‌توانید اسلایدرهای سایت خود را به صورت تمام صفحه یا Full Screen در بیاورید، برای انجام این کار موارد زیر را دنبال کنید.

 

۱. by Container

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

۲. % by PX or 

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

۳. Don’t Force Fullwidth

این گزینه مربوط به زمانی است که شما می‌خواهید اسلایدهای قالب شما  ۱۰۰ درصد ارتفاع صفحه (Full screen height) را پوشش دهند ولی  تمایل دارید تا اسلایدها از نظر عرضی با عرض در نظر گرفته در خود قالب، متناسب باشند.

 

۵. Module Position within Wrapper

 

۱. Align

با این گزینه تراز بندی اسلایدر و مکان آن را مشخص می کنید. سه گزینه ‘چپ’، ‘مرکز’ و ‘راست’ وجود دارد.

۲. Top/Bottom Margin

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

 

۶. Module Background

در این قسمت می‌توانید یک رنگ ساده برای  پیش‌زمینه‌ی خود  انتخاب کنید یا آن را در حالت transparent و بدون پیش‌زمینه‌ قراردهید.

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

 

۷. Border, Overlay, Shadow

 

 

۱. Overlay

این قسمت دارای ۴ گزینه است و در کل مربوط به گرافیک‌های شبکه مانندی می‌شود که یک ظاهر شبکه ای (حفره دار)  به اسلایدهای شما می‌دهند.

۲. Shadow Type

شما می‌توانید از بین ۷ نوع مختلف یا گزینه‌ی ‘No Shadow’ (گزینه پیش فرض) یکی را انتخاب کنید و به قالب خود حالت سه بعدی بدهید.

۳. (Gap (Border

مقداری که در این قسمت وارد می‌کنید، فاصله گذاری نسبت به فضای داخل  کادر در چهار جهت را، برای اسلایدها اعمال می‌کند.