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

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

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

اسلایدر Carousel

 

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

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

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

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

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

 

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

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

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

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

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

 

تنظیمات اسلایدر های Carouselتنظیمات اسلایدر 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

این تنظیمات تنها زمانی نمایش داده میشوند که گزینه Keep Aspect Ratio (Jusify) را فعال کرده باشید.

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

  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 نمیشوند

 

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

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

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

دیدگاهتان را بنویسید

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