Günün Tasarım Trendi
Günün Tasarım Trendi Özelliğini Web Sitenize Ekleyin
Günün Tasarım Trendi her gün yeni bir özellik yayımlar. Görsel adresi hiç değişmez ancak arkasındaki resim her gün değişir; kodu bir kez eklemeniz yeterlidir, ziyaretçileriniz günün özelliğini otomatik olarak görür.
Nasıl çalışır
Her gün sabit bir adreste yeni bir görsel yayımlanır. Sayfanız bu adresi yükler, böylece her zaman güncel özelliği gösterir; ziyaretçileriniz tıkladığında hikâyenin tamamının anlatıldığı Günün Tasarım Trendi sitesine yönlendirilir.
Kod kullanmayı mı tercih ediyorsunuz? Bir kapsayıcı ve bir betik ekleyin: bileşen, data-dotd-variant ile seçtiğiniz stili (image, cta veya card) çizer ve betik adresindeki dil mevcutsa o dilde görüntülenir. Betik çalıştıramıyorsanız aynı varyantın HTML sürümünü kullanın.
Varyant A: yalnızca görsel
Günün görseli, Günün Tasarım Trendi sitesine bağlantılı. En hafif seçenek.
Canlı önizleme
<a href="https://designtrendoftheday.com/tr/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Tasarımın geleceğini şekillendiren yeni kalıpların görselleştirmesi olan Günün Tasarım Trendi" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=tr"></script>
Varyant B: görsel ve eylem çağrısı
Günün görseli, altında bir eylem çağrısıyla birlikte.
Canlı önizleme
<a href="https://designtrendoftheday.com/tr/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Tasarımın geleceğini şekillendiren yeni kalıpların görselleştirmesi olan Günün Tasarım Trendi" loading="lazy" style="display:block;max-width:100%;height:auto;margin:0 auto">
<span style="display:block;margin-top:.5em;font:600 15px/1.3 system-ui,sans-serif">Günün Tasarım Trendini Keşfedin</span>
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=tr"></script>
Varyant C: Bootstrap kartı
Görsel, özellik başlığı, kısa bir paragraf ve eylem çağrısı düğmesi içeren bir Bootstrap kartı. Sayfanızda Bootstrap yüklü olmalıdır.
Canlı önizleme
<div class="card" style="max-width:24rem">
<a href="https://designtrendoftheday.com/tr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Tasarımın geleceğini şekillendiren yeni kalıpların görselleştirmesi olan Günün Tasarım Trendi" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Günün Tasarım Trendi</h5>
<p class="card-text">A' Design Award, her gün özgün bir tasarım trendini keşfeder; ürünlerin, projelerin ve deneyimlerin nasıl tasarlandığını etkileyen yeni ortaya çıkan stilleri, değişen estetik anlayışları ve yeni yaratıcı yönelimleri Günün Tasarım Trendi olarak sunar.</p>
<a href="https://designtrendoftheday.com/tr/" class="btn btn-danger" target="_blank" rel="noopener">Günün Tasarım Trendini Keşfedin</a>
</div>
</div>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=tr"></script>
Seçenek 3: JSON
Geliştiriciler, uygulamalar ve otomasyon için. JSON; adı, açıklamayı, görsel adresini, bağlantıları ve tarihi içerir. Çapraz kaynak isteklerine izin verilir.
fetch("https://designtrendoftheday.com/feature.json?lang=tr")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});
Örnek yanıt
{
"domain": "designtrendoftheday.com",
"name": "Günün Tasarım Trendi",
"feature": "Günün Tasarım Trendi",
"paragraph": "A' Design Award, her gün özgün bir tasarım trendini keşfeder; ürünlerin, projelerin ve deneyimlerin nasıl tasarlandığını etkileyen yeni ortaya çıkan stilleri, değişen estetik anlayışları ve yeni yaratıcı yönelimleri Günün Tasarım Trendi olarak sunar.",
"description": "Günün Tasarım Trendi, her gün özgün bir tasarım trendini keşfeder; son derece prestijli A' Design Award and Competition tarafından tanınmış, ürünlerin, projelerin ve deneyimlerin tasarlanma biçimini etkileyen yeni ortaya çıkan stilleri, değişen estetik anlayışları, yeni yaratıcı yönelimleri ve yenilikçi yaklaşımları sunar.",
"call_to_action": "Günün Tasarım Trendini Keşfedin",
"date": "2026-11-08",
"language": "tr",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Tasarımın geleceğini şekillendiren yeni kalıpların görselleştirmesi olan Günün Tasarım Trendi",
"url": "https://designtrendoftheday.com/tr/",
"feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
"embed_url": "https://designtrendoftheday.com/tr/one-cikan/"
}
Bilmenizde fayda var
- Görselin etrafındaki bağlantıyı koruyun; böylece ziyaretçileriniz özelliğin tamamını keşfedebilir.
- Her zaman yukarıda gösterilen görsel adresini kullanın ve bir kopyasını kaydetmeyin; sayfanız böylece güncel kalır.
- Görsel duyarlıdır: kapsayıcısından daha geniş olmaz.
- Yardıma veya özel bir biçime mi ihtiyacınız var? Lütfen bizimle iletişime geçin.