İçindekiler
Çevirilerle birlikte medya yönetimi, çoğu i18n aracında hep ikinci planda kalmıştır. Metni çevirirsiniz, ardından görselleri ayrı bir sistemde manuel olarak halledersiniz — indirme, yeniden yükleme, bağlantı kurma. Better i18n farklı bir yaklaşım benimser: medya, içerik iş akışınızda birinci sınıf bir vatandaştır.
Bu rehberde, Better i18n'in medya yönetiminin nasıl çalıştığını ele alıyoruz; temel yüklemelerden yerleşik Unsplash entegrasyonuna ve her şeyi besleyen R2 edge depolama sistemine kadar.
Her Kullanım Senaryosu İçin Dört Yükleme Türü
Tüm görseller aynı amaca hizmet etmediğinden Better i18n, her bağlam için özel yükleme akışları sunar:
Profil Avatarları
Her ekip üyesi, hesap ayarlarından bir profil fotoğrafı yükleyebilir. Görsel otomatik olarak işlenir, yeniden boyutlandırılır ve depolanır. Avatarlar; dashboard, aktivite akışları ve içerik atıfları genelinde görünür — böylece ekibiniz her zaman kimin ne değişiklik yaptığını bilir.
Organizasyon Logoları
Organizasyonunuzun marka logosu bir kez yüklenir ve dashboardlar, e-posta bildirimleri ile kamuya açık sayfalarda kullanılır. Markanız değiştiğinde tek bir yerden güncelleyin, değişiklik her yere yayılır.
AI Sohbet Görselleri
Better i18n'in AI çeviri ajanıyla mı çalışıyorsunuz? Görsel bağlam sağlamak için doğrudan sohbete görsel yükleyebilirsiniz. Bu, özellikle ajanın çevrilen dizelerin konumsal bağlamını anlayabilmesi için kullanıcı arayüzünüzün ekran görüntüsünü göstermeniz gerektiğinde çok işe yarar.
İçerik Medyası
Bu, en çok yönlü yükleme türüdür. Bir CMS girişini — blog yazısı, değişiklik günlüğü öğesi, pazarlama sayfası — düzenlerken görselleri doğrudan girişe ekleyebilirsiniz. İçerik medya dosyaları üst girişlerine bağlıdır; bu sayede hangi görsellerin nereye ait olduğunu takip etmek kolaylaşır.
Unsplash Entegrasyonu: Ara, Seç, Tamam
En yaygın içerik görevlerinden biri iyi bir görsel bulmaktır. Better i18n, Unsplash'i doğrudan içerik editörüne entegre eder; böylece iş akışınızdan hiç ayrılmanıza gerek kalmaz.
Nasıl çalışır:
- Medya seçiciyi açın — herhangi bir içerik girişinin medya alanında veya öne çıkan görsel bölümünde.
- Unsplash'te anahtar kelimeyle arama yapın. Sonuçlar anında görünür — Unsplash'in 3 milyondan fazla görselden oluşan kütüphanesinden yüksek kaliteli, ücretsiz kullanımlı fotoğraflar.
- Görselinizi seçin. Tek tıklama otomatik indirmeyi başlatır.
- Otomatik R2 depolama. Seçilen görsel Unsplash'ten indirilir ve projenizin R2 bucket'ına yüklenir. URL, içerik girişinize kaydedilir.
Temel avantaj: görselleriniz Unsplash'in CDN'inden değil, kendi altyapınızdan sunulur. Bu; üçüncü taraf çalışma süresine bağımlılık olmadığı, tutarlı performans ve varlıklarınız üzerinde tam kontrol anlamına gelir.
R2 Depolama: Hızlı, Küresel, Çıkış Ücreti Yok
Better i18n'e yüklenen her görsel — cihazınızdan, bir ekip üyesinin avatarından ya da bir Unsplash aramasından — Cloudflare R2'de depolanır.
Neden R2? Üç nedeni var:
- Edge teslimat. R2, dosyaları Cloudflare'in küresel veri merkezi ağından sunar. Kullanıcılarınızın nerede olduğundan bağımsız olarak görselleriniz hızlı yüklenir.
- Sıfır çıkış ücreti. Geleneksel bulut depolama sağlayıcıları, birisi her dosya indirdiğinde sizden ücret alır. R2 almaz. Bu, küresel kitlelere sahip içerik yoğun siteler için son derece önemlidir.
- Güvenilir URL'ler. Yüklenen her dosya kalıcı ve kararlı bir URL alır. Şablonlarınızda, API yanıtlarınızda veya statik site oluşturucunuzda kullanın — çalışmaya devam eder.
CMS Medya Alan Türü
Better i18n'in headless CMS'inde içerik modelleri oluşturuyorsanız, görselleri girişlere bağlamanın yolu Media alan türüdür.
Bir içerik modeline Media alanı eklediğinizde giriş editörleri şunları yapabilir:
- Cihazlarından görsel yükleme
- Unsplash'ten arama yapıp seçme
- Eklenen görselin satır içi önizlemesini görme
- İsteğe bağlı olarak her yerel ayar için farklı görsel belirleme (yerelleştirilmiş UI içeren ekran görüntüleri için kullanışlıdır)
Bu alan türü, diğer tüm yüklemelerle aynı R2 depolama hattına entegre olur. Yönetilecek ayrı bir medya kütüphanesi yok — her şey tek bir sistemden akar.
Pratik Örnek: Blog Yazısına Kapak Görseli Ekleme
Gerçek bir senaryoyu inceleyelim. Ürününüzün yeni dashboard tasarımı hakkında bir blog yazısı yazıyorsunuz.
- Better i18n'in CMS'inde yeni bir blog yazısı girişi oluşturun.
- Başlığınızı, gövde içeriğinizi ve özetinizi yazın.
- Öne çıkan görsel alanına tıklayın.
- Unsplash'te "dashboard design" arayın ya da kendi ekran görüntünüzü yükleyin.
- Görseli seçin. Otomatik olarak R2'de depolanır ve yazınıza bağlanır.
- Yazıyı diğer dillere çevirin. Öne çıkan görsel aktarılır ya da yerel ayara özgü bir ekran görüntüsüyle değiştirebilirsiniz.
- Yayınlayın. Görsel, R2'nin edge ağından dünya genelinde sunulur.
Ayrı bir medya yükleme adımı yok. Bozuk görsel bağlantısı yok. Üçüncü taraf CDN bağımlılığı yok.
Bu Sizin İş Akışınız İçin Ne Anlama Gelir?
Better i18n'deki medya yönetimi, iş akışınıza adım eklemek yerine içerik iş akışınıza görünmez biçimde dahil olacak şekilde tasarlanmıştır. Yükleme türleri bağlamlarına özgü olarak oluşturulmuştur, Unsplash ihtiyacınız olduğu yerde entegre edilmiştir ve R2 depolama ile teslimatı herhangi bir yapılandırma gerektirmeden üstlenir.
Çok dilli bir blog, bir dokümantasyon sitesi ya da bir ürün pazarlama sayfası yönetiyor olun, görselleriniz çevirilerinizle aynı şekilde ele alınır — tek bir yerde, tek bir iş akışıyla.
Medya yönetimi tüm Better i18n planlarında mevcuttur. CMS'i zaten kullanıyorsanız, yüklemeye başlamaya hazırsınız.
