Ana içeriğe geç

Günün Öne Çıkan Tasarımcısı

Günün Öne Çıkan Tasarımcısı Özelliğini Web Sitenize Ekleyin

Günün Öne Çıkan Tasarımcısı 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 Öne Çıkan Tasarımcısı 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 Öne Çıkan Tasarımcısı sitesine bağlantılı. En hafif seçenek.

Canlı önizleme

<a href="https://designerhighlightoftheday.com/tr/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Küresel tasarım topluluğunun bir parçası olan dikkat çekici bir tasarımcıyı öne çıkaran Günün Öne Çıkan Tasarımcısı" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Küresel tasarım topluluğunun bir parçası olan dikkat çekici bir tasarımcıyı öne çıkaran Günün Öne Çıkan Tasarımcısı" 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 Öne Çıkan Tasarımcısını Keşfedin</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/tr/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Küresel tasarım topluluğunun bir parçası olan dikkat çekici bir tasarımcıyı öne çıkaran Günün Öne Çıkan Tasarımcısı" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günün Öne Çıkan Tasarımcısı</h5>
    <p class="card-text">A' Design Award, her gün önde gelen bir tasarımcıyı, yıldız bir mimarı, üst düzey bir kreatifi veya bir yenilikçiyi Günün Öne Çıkan Tasarımcısı olarak sunar; başarılarını, yaratıcı çalışmalarını ve tasarım dünyasına katkılarını sergiler.</p>
    <a href="https://designerhighlightoftheday.com/tr/" class="btn btn-danger" target="_blank" rel="noopener">Günün Öne Çıkan Tasarımcısını Keşfedin</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Günün Öne Çıkan Tasarımcısı",
    "feature": "Günün Öne Çıkan Tasarımcısı",
    "paragraph": "A' Design Award, her gün önde gelen bir tasarımcıyı, yıldız bir mimarı, üst düzey bir kreatifi veya bir yenilikçiyi Günün Öne Çıkan Tasarımcısı olarak sunar; başarılarını, yaratıcı çalışmalarını ve tasarım dünyasına katkılarını sergiler.",
    "description": "Günün Öne Çıkan Tasarımcısı, her gün önde gelen bir tasarımcıyı, yıldız bir mimarı, üst düzey bir kreatifi veya yenilikçiyi öne çıkarır; son derece prestijli A' Design Award and Competition tarafından tanınmış başarılarını, yaratıcı çalışmalarını ve tasarım dünyasına katkılarını sergiler.",
    "call_to_action": "Günün Öne Çıkan Tasarımcısını Keşfedin",
    "date": "2026-11-08",
    "language": "tr",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Küresel tasarım topluluğunun bir parçası olan dikkat çekici bir tasarımcıyı öne çıkaran Günün Öne Çıkan Tasarımcısı",
    "url": "https://designerhighlightoftheday.com/tr/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.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.

Günün Tasarım Sözü

Günün Tasarım Sözü

DesignAdage