Günün Dizaynı

Günün Dizaynı Saytınıza Yerləşdirin

Günün Dizaynı hər gün yeni material dərc edir. Şəklin ünvanı heç vaxt dəyişmir, lakin arxasındakı şəkil dəyişir, buna görə kodu bir dəfə əlavə edirsiniz və ziyarətçiləriniz avtomatik olaraq bugünkü materialı görür.

Necə işləyir

Hər gün eyni sabit ünvanda yeni şəkil dərc olunur. Səhifəniz həmin ünvanı yükləyir, buna görə həmişə cari material göstərilir, kliklədikdə isə ziyarətçiləriniz tam məlumatın verildiyi Günün Dizaynı saytına yönləndirilir.

Skript istifadə etmək istəyirsiniz? Bir konteyner və bir skript əlavə edin: vidcet data-dotd-variant ilə seçdiyiniz üslubu çəkir (image, cta və ya card), həmin dil mövcud olduqda skript ünvanının dilində göstərilir. Skript işlədə bilmirsinizsə, eyni variantın HTML versiyasını istifadə edin.

Variant A: yalnız şəkil

Bugünkü şəkil, Günün Dizaynı saytına keçidlə. Ən yüngül seçim.

Canlı önizləmə

<a href="https://designoftheday.org/az/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Mükafat qazanmış yaradıcı mükəmməlliyi nümayiş etdirən Günün Seçilmiş Dizaynı" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/feature.js?lang=az"></script>

Variant B: şəkil və fəaliyyətə çağırış

Bugünkü şəkil, altında fəaliyyətə çağırış ilə.

Canlı önizləmə

<a href="https://designoftheday.org/az/" 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-of-the-day/today.png" alt="Mükafat qazanmış yaradıcı mükəmməlliyi nümayiş etdirən Günün Seçilmiş Dizaynı" 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 Dizaynını Kəşf Edin</span>
</a>

<div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/feature.js?lang=az"></script>

Variant C: Bootstrap kartı

Şəkil, materialın başlığı, qısa abzas və fəaliyyətə çağırış düyməsi olan Bootstrap kartı. Səhifənizdə Bootstrap lazımdır.

Canlı önizləmə

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/az/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Mükafat qazanmış yaradıcı mükəmməlliyi nümayiş etdirən Günün Seçilmiş Dizaynı" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günün Dizaynı</h5>
    <p class="card-text">A' Design Award hər gün Günün Dizaynı olaraq görkəmli bir dizayn əsərini, yüksək dərəcədə innovativ bir məhsulu və ya çox yaradıcı bir layihəni nümayiş etdirir, yaradıcılıq və yaxşı dizaynın diqqətəlayiq nümunələrini təqdim edir.</p>
    <a href="https://designoftheday.org/az/" class="btn btn-danger" target="_blank" rel="noopener">Günün Dizaynını Kəşf Edin</a>
  </div>
</div>

<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=az"></script>

Seçim 3: JSON

Tərtibatçılar, tətbiqlər və avtomatlaşdırma üçün. JSON ad, təsvir, şəkil ünvanı, keçidlər və tarix ehtiva edir. Çarpaz mənbə sorğularına icazə verilir.

fetch("https://designoftheday.org/feature.json?lang=az")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Nümunə cavab

{
    "domain": "designoftheday.org",
    "name": "Günün Dizaynı",
    "feature": "Günün Dizaynı",
    "paragraph": "A' Design Award hər gün Günün Dizaynı olaraq görkəmli bir dizayn əsərini, yüksək dərəcədə innovativ bir məhsulu və ya çox yaradıcı bir layihəni nümayiş etdirir, yaradıcılıq və yaxşı dizaynın diqqətəlayiq nümunələrini təqdim edir.",
    "description": "Günün Dizaynı hər gün görkəmli bir dizayn əsərini, yüksək dərəcədə innovativ bir məhsulu və ya çox yaradıcı bir layihəni nümayiş etdirir, nüfuzlu A' Design Award and Competition tərəfindən tanınan yaradıcılıq və yaxşı dizaynın diqqətəlayiq nümunələrini təqdim edir.",
    "call_to_action": "Günün Dizaynını Kəşf Edin",
    "date": "2026-11-08",
    "language": "az",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "Mükafat qazanmış yaradıcı mükəmməlliyi nümayiş etdirən Günün Seçilmiş Dizaynı",
    "url": "https://designoftheday.org/az/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/az/numune/"
}

Faydalı məlumat

Şəklin ətrafındakı keçidi saxlayın ki, ziyarətçiləriniz tam materialı kəşf edə bilsin.
Həmişə yuxarıda göstərilən şəkil ünvanını istifadə edin və surətini saxlamayın ki, səhifəniz aktual qalsın.
Şəkil adaptivdir: konteynerindən geniş olmur.
Köməyə və ya xüsusi formata ehtiyacınız var? Zəhmət olmasa bizimlə əlaqə saxlayın.

Sponsorlu

Mükafat Qazanmış Dizaynları Kəşf Edin