کتابخانه
Swiper یه کتابخانه متن باز جاوااسکریپت و CSS برای ساخت اسلایدر و کاروسل لمسی توی سایت و اپ وبه. مجوزش MIT هست و به jQuery نیاز نداره. برای بنر صفحه اول، گالری تصویر، لیست محصول و هر جایی که محتوا باید بچرخه به کار میاد. نسخه رسمی و بدون تغییرش رو می تونی از همین مخزن برداری.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۲٫۵ مگابایت· ۱۸۸ فایل· انتشار
SHA-256: 80e6105342e8d4bef9d2cca0246a92cd079a3df6a8479b937183fb8890a7993e
اگه یه بار خواسته باشی اسلایدر رو از صفر بنویسی، می دونی کار خیلی بیشتر از «چند تا عکس کنار هم» هست. کشیدن با انگشت روی موبایل باید درست کار کنه، حرکت باید نرم باشه، دکمه قبلی و بعدی لازمه و تعداد اسلاید هم باید با اندازه صفحه عوض بشه. Swiper همین دردسرها رو برات حل می کنه. کشیدن با لمس و ماوس، حلقه بی نهایت، نقطه های صفحه بندی و پخش خودکار توش آماده هست و لازم نیست چیزی از پایه بنویسی.
توی سایت های ایرانی کاربردهاش خیلی ملموسه: بنر بالای صفحه اول فروشگاه، لیست محصولات پرفروش، گالری نمونه کار، نظرات مشتری ها یا مقاله های تازه. چون تعداد اسلاید رو برای هر اندازه صفحه جدا تنظیم می کنی، می شه روی موبایل یه اسلاید نشون داد و روی دسکتاپ چند تا. افکت هایی مثل محو شدن هم داره و بیشتر چیزها رو با گزینه های تنظیم عوض می کنی، بدون اینکه به کد خود کتابخانه دست بزنی.
مناسب کیه؟ هر کسی که توی قالب وردپرس، سایت سفارشی یا پروژه ای با فریم ورک جاوااسکریپت یه اسلایدر مرتب و سبک می خواد. توسعه دهنده ها باهاش راحت ترن، چون کنترل کامل دارن. ولی اگه می خوای بدون دست زدن به کد اسلایدر رو توی صفحه ساز بذاری، یه افزونه اسلایدر آماده راحت تره. اگه هم فقط یه عکس ثابت داری، اصلاً اسلایدر لازم نداری و اضافه کردنش فقط صفحه رو سنگین می کنه.
چند نکته که زود به کارت میاد. برای سایت فارسی، راست به چپ رو از همون اول تست کن و جهت rtl رو روی کانتینر اسلایدر بذار. تصویرها رو قبل از آپلود بهینه کن، چون اسلایدر پر از عکس سنگین روی اینترنت ضعیف موبایل خیلی اذیت می کنه. ماژول ها و استایل هایی که لازم نداری رو اضافه نکن تا حجم نهایی کم بمونه. یه نکته مهم دیگه هم هست: وقتی دسترسی به CDN های خارجی قطع یا کند می شه، اسلایدری که فایلش از اونجا لود می شه از کار می افته. فایل ها رو روی هاست خودت نگه دار. نسخه های رسمی و بدون تغییر Swiper توی مخزن داخلی ما هم هست و بدون وابستگی به منبع خارجی می تونی دانلودش کنی.
استفاده از Swiper توی یه صفحه معمولی چند قدم ساده داره. کد آماده هم پایین همین صفحه هست و می تونی از اون شروع کنی.
بعد از راه افتادن، اسلایدر رو روی یه موبایل واقعی امتحان کن، نه فقط توی مرورگر دسکتاپ. اگه چیزی کار نکرد، اول کنسول مرورگر رو نگاه کن. معمولاً مشکل از مسیر اشتباه فایل ها یا ترتیب لود شدن اسکریپته.
Swiper یه کتابخانه متن باز برای ساخت اسلایدر و کاروسل هست. برای بنر صفحه اول، گالری عکس، لیست محصول یا نظرات مشتری ها ازش استفاده می شه. کشیدن با لمس، دکمه های حرکت و صفحه بندی رو آماده بهت می ده، پس لازم نیست خودت از صفر بنویسی.
بله، Swiper از چیدمان راست به چپ پشتیبانی می کنه. معمولاً کافیه روی کانتینر اسلایدر ویژگی dir رو با مقدار rtl بذاری. با این حال بعد از راه اندازی، جهت حرکت، دکمه ها و صفحه بندی رو یه بار روی موبایل و دسکتاپ تست کن تا مطمئن بشی همه چیز درسته.
لازم نیست. می تونی فایل های CSS و جاوااسکریپت رو توی قالب خودت اضافه کنی و با wp_enqueue_style و wp_enqueue_script لود کنی. فقط این روش یه کم دانش فنی می خواد. اگه نمی خوای کد بنویسی، افزونه های اسلایدر آماده ای هستن که پشت صحنه از Swiper استفاده می کنن.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.