دانلود @covet-pics/covet-pics-widget ونشانی CDN ایرانی
@covet-pics/covet-pics-widget یه بسته npm با مجوز MIT برای سیستم ویجت سرویس Covet.pics هست. با اون می تونی ویجت های این سرویس رو توی صفحه های سایتت نشون بدی. قبل از استفاده مستندات خود Covet.pics رو ببین و مطمئن شو با نیاز و تنظیمات سایتت جور درمیاد.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
درباره @covet-pics/covet-pics-widget (کوت پیکس ویجت)
@covet-pics/covet-pics-widget طبق توضیح رسمی منبع «Covet.pics Widget System» یعنی سیستم ویجت Covet.pics. به زبون ساده، یه کتابخانه جاوااسکریپتیه که ظاهراً سمت مرورگر اجرا می شه و ویجت های این سرویس رو توی صفحه نشون می ده. مجوزش MIT هست، پس می تونی کدش رو آزادانه بررسی و استفاده کنی.
از همون اول این رو بدون: این بسته یه ابزار عمومی مثل اسلایدر یا لایت باکس مستقل نیست. برای کسی ساخته شده که با Covet.pics کار می کنه و می خواد خروجی اون سرویس رو توی سایت خودش بذاره. پس قبل از نصب مطمئن شو واقعاً به این سرویس نیاز داری. جزئیات قابلیت ها و گزینه های تنظیم رو هم باید از مستندات خود پروژه بخونی. ما بیشتر از اون چیزی که مطمئنیم ادعا نمی کنیم.
اگه فقط یه گالری یا اسلایدر ساده برای عکس های خودت می خوای و کاری به Covet.pics نداری، سراغ یکی از کتابخانه های مستقل همین دسته برو. ولی اگه محتوات از اون سرویس میاد، استفاده از ویجت خودش معمولاً راحت تر از ساختن یه نمایش دستی از صفره.
یه نکته برای سایت های ایرانی: ویجتی که داده یا تصویرش رو از یه سرویس خارجی می گیره، توی روزهای اختلال یا محدودیت اینترنت بین الملل ممکنه دیر لود بشه یا خالی بمونه. پس بعد از نصب، با اینترنت داخلی و روی موبایل هم تستش کن و بخش Network مرورگر رو نگاه کن. با این کار می فهمی مشکل از کد خودته یا از دسترسی به سرویس.
چند توصیه عملی هم داریم. اول روی نسخه تست یا staging امتحانش کن، نه مستقیم روی سایت اصلی. دوم، اسکریپت رو فقط توی صفحه هایی بارگذاری کن که واقعاً ویجت دارن تا بقیه صفحه ها سنگین نشن. سوم، اگه افزونه کش یا بهینه ساز جاوااسکریپت داری، مطمئن شو اسکریپت ویجت رو خراب نمی کنه. نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه، برای وقتی که رسیدن به منبع اصلی سخت می شه.
راهنمای استفاده
کار اصلی اینه که اسکریپت بسته رو توی صفحه بارگذاری کنی و ویجت رو طبق مستندات Covet.pics راه بندازی. قدم ها این ها هستن:
اول مطمئن شو سرویس Covet.pics و تنظیمات لازم برای ویجتت آماده است. مقدارهایی مثل شناسه یا کلید رو فقط از خود مستندات یا پنل اون سرویس بردار.
کد آماده پایین همین صفحه رو توی صفحه سایتت اضافه کن. اگه پروژه ات با npm ساخته می شه، بسته رو با اسم @covet-pics/covet-pics-widget نصب کن و توی پروژه وارد کن.
توی HTML صفحه یه المان خالی بذار، همون جایی که می خوای ویجت نمایش داده بشه.
ویجت رو با تنظیمات خودت راه بنداز و صفحه رو یه بار رفرش کن.
اگه سایتت وردپرسیه، اسکریپت رو از طریق فایل قالب یا یه افزونه درج کد اضافه کن. بهتره از قالب فرزند استفاده کنی تا با به روزرسانی قالب، کدت پاک نشه.
آخر سر کش سایت رو خالی کن و صفحه رو توی حالت ناشناس مرورگر باز کن.
اگه ویجت نیومد، اول کنسول مرورگر رو برای خطا بخون، بعد تب Network رو نگاه کن. معمولاً یا مسیر اسکریپت اشتباهه یا درخواست به سرویس بیرونی جواب نمی گیره.
نشانی مستقیم فایل اصلی 0.142.2https://mirror.wbweb.ir/npm/@covet-pics/covet-pics-widget@0.142.2/dist/index.js
پرسشهای رایج
یه بسته npm برای سیستم ویجت Covet.pics هست. کارش اینه که ویجت های این سرویس رو توی صفحه های وب نمایش بده. اگه محتوات از Covet.pics میاد و می خوای توی سایتت بذاریش، این بسته برای همین کار ساخته شده. برای جزئیات قابلیت ها هم سراغ مستندات خود پروژه برو.
چون ویجت برای نمایش محتوای همین سرویس طراحی شده، احتمالاً به تنظیمات یا دسترسی از طرف Covet.pics نیاز داری. ما مطمئن نیستیم دقیقاً چی لازمه. پس قبل از نصب مستندات رسمی رو بخون و ببین چه مقدارهایی باید از اون سرویس بگیری.
احتمالاً بله، چون به نظر یه کتابخانه جاوااسکریپتیه و به وردپرس وابسته نیست. کافیه اسکریپتش رو توی قالب یا با یه افزونه درج کد به صفحه اضافه کنی و المان مورد نیاز ویجت رو توی محتوا بذاری. بهتره اول روی نسخه تست امتحانش کنی.
مجوز MIT یعنی خود کد بسته آزاده و می تونی ازش استفاده کنی، بررسیش کنی و توی پروژه هات بذاریش. ولی این به معنی رایگان بودن سرویس Covet.pics نیست. شرایط و هزینه احتمالی اون سرویس رو باید جدا از سایت خودش چک کنی.
اول کنسول مرورگر رو برای خطا نگاه کن و مطمئن شو اسکریپت درست بارگذاری شده. بعد تب Network رو ببین. اگه ویجت داده رو از سرویس خارجی می گیره، ممکنه به خاطر محدودیت اینترنت بین الملل جواب نگیره. کش سایت و افزونه های بهینه ساز رو هم موقتاً خاموش کن.
Swiper یه کتابخانه متن باز جاوااسکریپت و CSS برای ساخت اسلایدر و کاروسل لمسی توی سایت و اپ وبه. مجوزش MIT هست و به jQuery نیاز نداره. برای بنر صفحه اول، گالری تصویر، لیست محصول و هر جایی که محتوا باید بچرخه به کار میاد. نسخه رسمی و بدون تغییرش رو می تونی از همین مخزن برداری.
slick-carousel یه کتابخانه جاوااسکریپت برای ساخت اسلایدر و کاروسل توی صفحه های وبه که روی jQuery سوار می شه. با اون می تونی تصویر، کارت محصول یا نقل قول رو کنار هم بچرخونی، تعداد اسلایدهای هر نمایش رو برای موبایل و دسکتاپ جدا تنظیم کنی و با کشیدن انگشت ورق بزنی. سازنده اش Ken Wheeler و مجوزش MIT هست.
@videojs/html یه بسته npm از خانواده Video.js برای ساخت پلیر ویدیو و صداست که با custom element های استاندارد مرورگر کار می کنه. پلیر و اسکین آماده رو توی صفحه HTML ساده یا پروژه Vue و Svelte می ذاری و ظاهر و کنترل ها رو خودت تعیین می کنی. مجوزش Apache هست.
Splide (با نام بسته @splidejs/splide) یه کتابخانه جاوااسکریپت سبک برای ساخت اسلایدر و کروسله. به کتابخانه دیگه ای وابسته نیست، با کیبورد و صفحه خوان سازگاره و برای بنر صفحه اصلی، لیست محصولات، گالری تصاویر و نظرات مشتری ها به کار می ره. مجوزش MIT هست و تو وردپرس و پروژه های HTML ساده راحت اجرا می شه.
video.js یک کتابخانه متن باز جاوااسکریپت برای پخش ویدیو و صدا توی صفحه های وب هست. روی تگ استاندارد video یه پلیر یکدست با کنترل ها، زیرنویس و امکان شخصی سازی می ذاره. اگه می خوای ظاهر و رفتار پخش ویدیو روی همه مرورگرها یکسان باشه، گزینه خوبیه.
@vidstack/cdn نسخه آماده مرورگر پلیر Vidstack توی یه بسته npm هست. با اون بدون React، Vue و باندلر، فقط با چند تگ script و link، می تونی یه پلیر ویدیو و صدای مدرن با کنترل های آماده و قابل شخصی سازی توی سایتت راه بندازی.
آخرین نسخه
۱.۱۵.۷
نسخهها
۵۶
بهروزرسانی
چیزی که لازم دارید اینجا نیست؟
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخههای رسمی آن به مخزن اضافه میشود.