Esasy mazmuна geç

Dizaýn rowaýaty

Günüň dizaýn rowaýaty web sahypaňyza ýerleşdiriň

Dizaýn rowaýaty her gün täze aýratynlyk çap edýär. Suratyň salgysy üýtgemeýär, ýöne onuň aňyrsyndaky surat üýtgeýär, şonuň üçin kody bir gezek goşýarsyňyz we myhmanlaryňyz şu günki aýratynlygy awtomatiki usulda görýärler.

Nähili işleýär

Her gün bir hemişelik salgyda täze surat çap edilýär. Sahypaňyz şol salgyny ýükleýär, şeýlelik bilen hemişe häzirki aýratynlygy görkezýär, bassaňyz myhmanlarňyzy doly hekaýanyň beýan edilýän Dizaýn rowaýaty sahypasyna alyp barýar.

Skript ulanmak isleýärsiňizmi? Bir konteýner we bir skript goşuň: wijet data-dotd-variant (image, cta ýa-da card) arkaly saýlan stiliňizi çyzýar, şol dil elýeterli bolanda skript salgysynyň dilinde görkezýär. Skript işledip bilmeseňiz, şol wariantyň HTML görnüşini ulanyň.

Wariant A: diňe surat

Şu günki surat, Dizaýn rowaýaty bilen baglanyşdyrylan. Iň ýeňil wariant.

Göni syn

<a href="https://thedesignlegend.com/tk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Dizaýndaky ömürboýy gazananlary görkezýän Günüň dizaýn rowaýaty retrospektiwasy" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=tk"></script>

Wariant B: surat we hereket çagyryşy

Şu günki surat, aşagynda hereket çagyryşy bilen.

Göni syn

<a href="https://thedesignlegend.com/tk/" 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-legend-of-the-day/today.png" alt="Dizaýndaky ömürboýy gazananlary görkezýän Günüň dizaýn rowaýaty retrospektiwasy" 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üň dizaýn rowaýatyny açyň</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=tk"></script>

Wariant C: Bootstrap kartoçkasy

Surat, aýratynlygyň ady, gysga abzas we hereket çagyryş düwmesi bolan Bootstrap kartoçkasy. Sahypaňyzda Bootstrap gerek.

Göni syn

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/tk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Dizaýndaky ömürboýy gazananlary görkezýän Günüň dizaýn rowaýaty retrospektiwasy" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günüň dizaýn rowaýaty</h5>
    <p class="card-text">A' Design Award ajaýyp karýerasy, meşhur eserleri we öňdebaryjy pikirleri bilen dizaýnyň taryhyny we ösüşini emele getiren täsirli dizaýneri ýa-da dünýä derejesindäki binagäri Günüň dizaýn rowaýaty hökmünde belleýär.</p>
    <a href="https://thedesignlegend.com/tk/" class="btn btn-danger" target="_blank" rel="noopener">Günüň dizaýn rowaýatyny açyň</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=tk"></script>

Wariant 3: JSON

Döredijiler, programmalar we awtomatizasiýa üçin. JSON-da at, beýan, suratyň salgysy, baglanyşyklar we sene bar. Kross-domen talaplary rugsat berilýär.

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

Jogap nusgasy

{
    "domain": "thedesignlegend.com",
    "name": "Dizaýn rowaýaty",
    "feature": "Günüň dizaýn rowaýaty",
    "paragraph": "A' Design Award ajaýyp karýerasy, meşhur eserleri we öňdebaryjy pikirleri bilen dizaýnyň taryhyny we ösüşini emele getiren täsirli dizaýneri ýa-da dünýä derejesindäki binagäri Günüň dizaýn rowaýaty hökmünde belleýär.",
    "description": "Dizaýn rowaýaty ajaýyp karýeralary, meşhur eserleri, öňdebaryjy pikirleri we uzak möhletli goşantlary bilen dizaýnyň taryhyny we ösüşini emele getiren täsirli dizaýnerleri we dünýä derejesindäki binagärleri belleýär, ýokary abraýly A' Design Award and Competition tarapyndan ykrar edilen döredijilik adamlaryny we gazananlary öňe çykarýar.",
    "call_to_action": "Günüň dizaýn rowaýatyny açyň",
    "date": "2026-11-08",
    "language": "tk",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Dizaýndaky ömürboýy gazananlary görkezýän Günüň dizaýn rowaýaty retrospektiwasy",
    "url": "https://thedesignlegend.com/tk/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/tk/ayratlynlyk/"
}

Bilmeli zatlar

  • Suratyň daşyndaky baglanyşygy saklaň, şeýlelik bilen myhmanlaryňyz doly aýratynlygy tapyp biler.
  • Hemişe ýokarda görkezilen surat salgysyny ulanyň we nusgasyny saklamaň, şeýlelik bilen sahypaňyz hemişe täze bolar.
  • Surat jogap beriji: ol hiç haçan konteýnerinden giň bolmaz.
  • Kömek ýa-da ýörite format gerekmi? Haýyş edýäris, bize ýüz tutuň.

Günüň dizaýn sitatalary

Günüň dizaýn sitatalary

DesignAdage