Shields.io, çeşitli bilgileri içeren, genellikle projelerin .README dosyalarında veya web sitelerinde kullanılan görsel etiketler (Badges, Rozet) oluşturmak için kullanılan bir hizmettir. Bu etiketler, projenin durumu, lisansı, sürümü gibi bilgileri gösterir ve genellikle "shields" adı verilen renkli, hafif çıkartmalar şeklinde görüntülenir.
Shields.io'yu kullanmak oldukça basittir. İlgili verileri belirli bir formatta URL'ye ekleyerek çıkartma oluşturabilirsiniz. Aşağıda birkaç örnek yapalım:
Basit Kullanım:
<!-- <img> Etiketi içinde kullanıyoruz -->
<img src="https://img.shields.io/badge/Version-V.2.5-red" alt="Version V.2.5">
Logolu Kullanımı:
<img src="https://img.shields.io/badge/HTML5-333.svg?logo=html5&logoColor=red&style=flat" alt="">
URL yapımızda https://img.shields.io/badge/[Rozet Üzerinde Yazacak Olan Yazı]-[Rozet Arka Plan Rengi].svg?logo=[Rozet İçersinde Görünecek İconu]&logoColor=[İcon Rengini]&style=[Rozet Stilini] temsil eder.
Rozet Stilleri Aşağıdaki Gibidir:
| Stil | Paramtre Kullanımı |
| Düz stil | https://img.shields.io/badge/HTML5-333?logo=html5&style=flat |
| Plastik düğme stili | https://img.shields.io/badge/HTML5-333?logo=html5&style=plastic |
| Kare Kalın Stil | https://img.shields.io/badge/HTML5-333?logo=html5&style=for-the-badge |
| Sosyal Medya | https://img.shields.io/badge/HTML5-333?logo=html5&style=social |
Shields.io, URL Parametrelerini özelleştirme seçenekleri sunuyor. Resmi dokümantasyon sayfasını ziyaret ederek daha fazla ayrıntıya ve paramtere özelleştirme seçeneklerine ulaşabilirsiniz: Shields.io Dokümantasyonu
İhtiyacınız olan logo görselinin shields.io için mevcut olup olmadığını Simpleicons adresinden bulabilirsiniz.
Yorumlar (0)