کتابخانه
bootstrap-icons کتابخانه آیکون رسمی و متن باز بوت استرپه. مجموعه بزرگی از آیکون های SVG رو به شکل فایل SVG، فونت آیکون و اسپرایت بهت می ده. می تونی تو قالب، سایت وردپرسی و هر پروژه وب، با بوت استرپ یا بدون اون، ازش استفاده کنی. مجوزش MIT هست.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۲٫۸ مگابایت· ۲۰۸۶ فایل· انتشار
SHA-256: 79c99c1a1e0e937f808a58165728b7ed00800f02ef5efcfcd10dfe71464e675d
bootstrap-icons کتابخانه آیکون رسمی بوت استرپه و با مجوز MIT منتشر شده. یعنی هم تو پروژه شخصی و هم تو کار تجاری می تونی بدون دردسر ازش استفاده کنی. آیکون ها همه SVG و برداری هستن، پس هر قدر بزرگ یا کوچیک بشن کیفیتشون نمی افته و رنگ و اندازه شون رو با CSS عوض می کنی.
هر سایتی یه عالمه آیکون لازم داره: منو، جستجو، سبد خرید، فلش، تیک، تلفن، شبکه های اجتماعی. اگه برای هر کدوم یه PNG جدا بذاری، هم فایل های زیادی باید مدیریت کنی، هم موقع عوض کردن رنگ یا نمایش روی صفحه های با کیفیت بالا اذیت می شی. این کتابخانه یه مجموعه یکدست بهت می ده که کنار هم خوب دیده می شه و سبک و رنگ همه رو یه جا می تونی عوض کنی.
برای قالب های وردپرس، پنل مدیریتی، فروشگاه و صفحه فرود مناسبه، یعنی هر جا که ظاهر ساده و تمیز می خوای. با بوت استرپ حسابی هماهنگه، ولی وابسته بهش نیست. جاهایی که جواب نمی ده: آیکون رنگی و تصویرسازی، یا لوگوی برندهای ایرانی و پیام رسان های داخلی. اینا رو باید جدا تهیه کنی. سبک آیکون ها هم ساده و خطی یا تو پره، پس جلوه خاصی ازشون انتظار نداشته باش.
یه نکته مهم برای سایت های ایرانی: اگه آیکون ها رو از یه CDN خارجی لود کنی، تو روزهایی که اینترنت بین الملل محدوده، ممکنه به جای آیکون فقط مربع خالی ببینی. فایل ها رو روی هاست خودت بذار و از همون جا لود کن. نسخه های رسمی و بدون تغییر این کتابخانه تو مخزن داخلی ما هم هست و می تونی از همین صفحه دانلودش کنی.
موقع انتخاب روش استفاده هم یه تصمیم داری. فونت آیکون راحت ترینه: فایل CSS رو اضافه می کنی و با یه کلاس آیکون رو می ذاری. ولی کل مجموعه لود می شه، حتی اگه فقط ده تا آیکون بخوای. SVG مستقیم تو HTML کنترل بیشتری می ده و فقط همون چیزی که لازم داری تو صفحه می مونه. برای سایت کوچیک فونت کافیه. برای صفحه ای که سرعتش مهمه، SVG بهتره.
استفاده از bootstrap-icons تو یه سایت معمولی یا قالب وردپرس چند قدم بیشتر نیست:
کد آماده برای اضافه کردن به صفحه پایین همین صفحه هست. بعدش صفحه رو یه بار با رفرش کامل باز کن تا مطمئن بشی آیکون ها درست لود شدن.
آره، این کتابخانه مستقل از فریم ورک کار می کنه. فقط باید فایل CSS فونت آیکون رو لود کنی یا SVG ها رو مستقیم تو صفحه بذاری. نه نصب بودن بوت استرپ لازمه و نه کلاس های اون تو سایتت.
معمولا مسیر فایل های فونت اشتباهه یا فایل ها روی سرور نیستن. چک کن فونت ها همون جایی باشن که تو CSS نوشته شده. اگه از CDN خارجی لود می کنی، موقع محدودیت اینترنت ممکنه جواب نده. بهتره فایل ها رو روی هاست خودت بذاری.
MIT یکی از آزادترین مجوزهای متن باز هست. می تونی تو پروژه شخصی و تجاری ازش استفاده کنی و حتی تغییرش بدی. فقط باید متن مجوز و اعلام مالکیت رو همراه کدش نگه داری. برای جزئیات دقیق، فایل مجوز داخل بسته رو بخون.
اگه آیکون های زیادی تو صفحه داری و می خوای کار سریع راه بیفته، فونت راحت تره. اگه فقط چند آیکون لازم داری یا سرعت صفحه برات مهمه، SVG بهتره. چون فقط همون آیکون ها لود می شن و رنگ و اندازه شون رو دقیق تر کنترل می کنی.
آره. فایل ها رو تو پوشه قالب یا قالب فرزند بذار و CSS رو با روش استاندارد وردپرس برای لود استایل ها اضافه کن. اگه تو قالب فرزند بذاری، با به روزرسانی قالب اصلی چیزی از دست نمی ره. اگه قالبت از قبل بوت استرپ داره، معمولا بدون دردسر جا می افته.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.