آموزش تصویری تنظیمات بخش Navigation اسلایدر رولوشن

بخش اول – تنظیمات مشترک Visibility & Position :

همگی بخش های “Arrows” , “Bullets” , “Tabs” , “Thumbs” گزینه های “Visibility” و “Positon” یکسانی دارند، پس همه آن ها را در این بخش شرح می دهیم.

تنظیمات Visibility :

Always Show :

Yes: گزینه جهت دهی را (Navigation element یا دو جهتی که در سمت چپ و راست اسلایدر وجود دارد و با آن اسلاید ها را تغییر میدهید) را هر لحظه نمایش بده.

No: گزینه جهت دهی را فقط زمانی که موس بر روی آن قرار گرفت نمایش بده.

Hide Under Width :

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

Hide After on Mobile :

مدت زمان به میلی ثانیه که پس از اینکه گزینه “tap” در موبایل به نمایش در آمده و سپس محو شود.

Hide Over Width :

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

تنظیمات Position :

Horizontal Align / Horizontal Offset :

Horizontal Align: گزینه جهت دهی را به چپ، راست یا مرکز اسلایدر منتقل کنید.

Horizontal Offset: یک حاشیه برای گزینه جهت دهی ایجاد می شود.

Vertical Align / Vertical Offset:

همان تنظیماتی که برای قسمت بالا (Horizontal) داشتیم، با این تفاوت که در این قسمت در بالا یا پایین و مرکز، اعمال می شوند.

Aligned by :

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

بخش دوم – تنظیمات مشترک : تنظیم استایل Navigation

مطابق شکل بر روی ۱ کلیک کنید و استایلی که دوست دارید را برای Navigation اسلایدر خود انتخاب کنید.

حال با انتخاب گزینه ۲، استایل و رنگی که برای Navigation در نظر دارید را انتخاب کنید.

و سپس رنگ های مورد علاقه خود برای استایل Navigation، بر روی “Preset” ذخیره کنید. (۳a)

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

بخش سوم – Arrows

Enable Arrows / Arrow Style :

انتخاب کنید که فلش و پیکان Navigation فعال یا غیر فعال باشد، در صورت فعال بودن تا ۱۵ استایل پیش ساخته را انتخاب کنید.

RTL Direction :

جهت دهی عملکرد پیکان را برای پشتیانی از RTL تعیین کنید.

بخش چهارم – Bullets

Enable Bullets / Bullet Style :

با این گزینه انتخاب می کنید که آیا پیکان Navigation فعال یا غیر فعال باشد، در صورت فعال بودن تا ۱۵ استایل پیش ساخته را انتخاب کنید.

RTL Direction :

جهت دهی عملکرد Bullet را برای پشتیانی از RTL تعیین کنید.

Space / Direction :

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

بخش پنجم – Tabs / Thumbs :

RTL Direction :

جهت دهی عملکرد Tab/Thumbs را برای پشتیانی از RTL تعیین کنید.

Wrapping Container :

Wrapper Padding: 

فضایی که بین گوشه اسلایدر و گوش Tabs وجود داشته باشد.

Span Wrapper:

On : با این گزینه thumbs/tabs همیشه به سایز کامل اسلایدر در می آیند.

Off : با این گزینه، thumbs/tabs به اندازه Layes Grid در می آیند.

Wrapper Color / Opacity :

وضوح و رنگ tabs/thumbs را در این قسمت می توانید تعیین کنید.

Thumbnails :

Thumbnails Style :

تا ۷ استایل متفاوت پیش ساخته را می توانید انتخاب کنید.

Visible Amount :

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

Space / Direction :

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

Thumbnail Size :

Width, Height, Min. Width :

ارتفاع و عرض مورد نظر خود را برای tabs و thumb وارد کنید. ابتدا عرض آن تنظیم می شود و سپس ارتفاع به نسبت آن تعیین می شود.

بخش ششم – Touch

Touch Enabled :

با این گزینه انتخاب می کنید که جهت دهی لمسی برای موبایل، فعال یا غیر فعال باشد. با فعال شدن آن با انگشت خود می توانید اسلاید ها را تغییر دهید.

Drag Block Vertical :

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

Swipe Threshold, Min. Finger :

Threshold : 

که بیانگر حساسیت عملیات کشیدن(Swipe یا لمس به صورت کششی) است.

Min. Finger :

که بیانگر تعداد انگشت های لازم برای یک عملیات Swipe است. پیشنهاد ما عدد ۱ معادل ۱ انگشت است، چون اغلب کاربران با ۱ انگشت خود این کار را انجام می دهند.

Swipe Direction :

که بیانگر جهت عمودی یا افقی آن است.

بخش هفتم – Misc

Keyboard Navigation :

با این گزینه تعیین می کنید که با علامت های چپ و راست کیبرد نیز، بتوانید اسلاید ها را تغییر دهید.

Key Direction :

که با آن تعیین می کنید که با کدام علامت های کیبرد، اسلاید ها تغییر کنند. پیشنهاد ما این است که آن را روی حالت افقی یا Horizontal قرار دهید.

Mouse Scroll Navigation :

On/Off :

با این گزینه با چرخش موس بر روی اسلایدر، اسلاید ها تغییر می کنند.

Carousel :

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

Reverse Mouse Scroll :

با این گزینه جهت تغییر اسلاید در حالتی که از Mouse-wheel استفاده می کنید، برعکس می شود.