اسلایدر Carousel در وردپرس و آموزش تنظیمات آن

تو این آموزش قصد داریم تنظیمات مربوط به اسلایدرهای Carousel رو در ورژن 6 افزونه اسلایدر رولوشن به شما یاد بدیم.

اسلایدر Carousel چی هست و چطوری فعالش کنیم؟

اسلایدر های Carousel، اسلایدرهای ساده ای هستند که با استفاده از اون ها میتونید چندین تصویر و یا ویدیو رو پشت سر هم به نمایش در بیارید.

در بین اسلایدرهای آماده سایت ما نمونه های با ویژگی Carousel زیادی وجود داره که چند نمونه از اون ها رو در لیست زیر آوردیم:

• Classic Carousel
• Highlight Carousel
• Carousel Gallery
• Showcase Carousel
• Travel Blog Carousel

برای فعال کردن یک اسلایدر Carousel کافیه که وارد تنظیمات Layout بشید و سپس در بخش Type، نوع اسلایدر رو روی Carousel قرار بدید.

با انجام این کار یک منوی Carousel به منوی تنظیمات اسلایدر وردپرس شما اضافه میشه.

چطوری تعیین کنیم که هر بار چند تا اسلایدر نشون داده بشه؟

توی بخش Carousel Layout گزینه ای به نام Max. Visible دارید. با این گزینه تعیین میکنید که بدون توجه به سایز اسکرین صفحه حداکثر چند تا اسلاید و یا آیتم نشون داده بشه.

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

حداقل تعداد اسلایدهای نمایش داده شده از فرمول زیر بدست میاد:

 حداقل تعداد اسلایدها = عرض اسکرین صفحه / (عرض تعیین شده برای اسلایدر در بخش Layout + فاصله بین هر اسلاید)

تنظیمات اسلایدر های Carousel

1. Keep Aspect Ratio
   اینجا تعیین می کنید که تناسب عرض هر اسلاید با ارتفاع آن حفظ شود
   Max width %100: اسلاید را میکشد تا به صورت تمام عرض در بیاید
2.  Snap to X Alignment
   اسلاید را تا گوشه ها میکشد
3. Infinity Scroll
   اینجا انتخاب میکنید که آیا تمایل دارید که اسلایدها هیچگاه تمام نشوند و در هر جهتی دوباره تکرار شوند
4.  Visible Layers
   If Slide in Focus: با فعال کردن این گزینه محتواهایی که اهمیت بیشتری دارند نمایش داده میشوند
   Always on All Slide: با فعال کردن این گزینه به هر نحوی که هست، همه محتواهای اسلایدها بدون توجه به مکان آن ها در چرخش Carousel نشان داده میشود.
   Set by Layer Visibility: برای استفاده از این گزینه نیاز هست که گزینه “Visibility” را در بخش Layer Option و سپس Visibility فعال کرده باشید
5. Max. Visible
   همانطور که بالاتر گفته شد، بیشترین تعداد اسلایدهای قابل نمایش را تعیین میکند
6. Stretch Slides
   این گزینه را زمانی انتخاب کنید که میخواهید همه اسلایدها همیشه در حالت تمام عرض باشند
7. Border Radius
   یک افکت ربع دایره ای به گوشه های اسلایدر اضافه میکند
8. Spacing
   فاصله بین هر اسلاید به پیکسل
9.  Top/Bottom Padding
   برای ایجاد فاصله بیشتر بین بالا و پایین اسلایدر
10. Horizontal/Vertical Align
    ترازبندی کردن افقی یا عمودی اسلایدر

تنظیمات انیمیشن و افکت های اسلایدر Carousel

1. Easing
   مدل انیمیشن مورد استفاده در این اسلایدر
2. Speed
   سرعت تغییر اسلایدها
3. Fade
   افکت محو شدن برای اسلایدها
4. Varying Fade
   برای اسلاید ها و آیتم های غیرفعال حالت محو اعمال نمیشود
5. Rotation
   یک چرخش برای آیتم های غیرفعال اعمال میشود
6. Max. Rotation Degrees
   بیشترین مقدار چرخشی که به بیرونی ترین آیتم غیرفعال اعمال میشود
7. Varying Rotation
   درجه چرخش برای آیتم های غیرفعال اعمال نمیشود
8. Scale
   بزرگ نمایی یا کوچک نمایی اسلاید و آیتم های غیر فعال
9.  Min. Scale Percentage
   حداقل میزان بزرگ یا کوچک نمایی که به بیرونی ترین آیتم غیرفعال اعمال شود
10. Varying Scale
    آیتم های غیر فعال Scale نمیشوند