Esasy mazmuна geç

Günüň dizaýneri

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

Günüň dizaýneri 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 Günüň dizaýneri 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, Günüň dizaýneri bilen baglanyşdyrylan. Iň ýeňil wariant.

Göni syn

<a href="https://designeroftheday.com/tk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Şu günüň bellenilýän döredijilik ussadyny görkezýän Günüň dizaýneri portreti" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.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://designeroftheday.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/designer-of-the-day/today.png" alt="Şu günüň bellenilýän döredijilik ussadyny görkezýän Günüň dizaýneri portreti" 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ýnerini açyň</span>
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.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://designeroftheday.com/tk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Şu günüň bellenilýän döredijilik ussadyny görkezýän Günüň dizaýneri portreti" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günüň dizaýneri</h5>
    <p class="card-text">A' Design Award her gün zehinli dizaýneri ýa-da dünýä derejesindäki binagäri Günüň dizaýneri hökmünde tanyşdyrýar, ajaýyp döredijilik işleriniň arkasynda duran adamlary, olaryň dizaýn pelsepesini, görnükli taslamalaryny we gazananlaryny hödürleýär.</p>
    <a href="https://designeroftheday.com/tk/" class="btn btn-danger" target="_blank" rel="noopener">Günüň dizaýnerini açyň</a>
  </div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.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://designeroftheday.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": "designeroftheday.com",
    "name": "Günüň dizaýneri",
    "feature": "Günüň dizaýneri",
    "paragraph": "A' Design Award her gün zehinli dizaýneri ýa-da dünýä derejesindäki binagäri Günüň dizaýneri hökmünde tanyşdyrýar, ajaýyp döredijilik işleriniň arkasynda duran adamlary, olaryň dizaýn pelsepesini, görnükli taslamalaryny we gazananlaryny hödürleýär.",
    "description": "Günüň dizaýneri her gün zehinli dizaýneri ýa-da dünýä derejesindäki binagäri tanyşdyrýar, ajaýyp döredijilik işleriniň arkasynda duran görnükli adamlary, olaryň hünär tejribesini, dizaýn pelsepesini, görnükli taslamalaryny we ýokary abraýly A' Design Award and Competition tarapyndan ykrar edilen gazananlaryny hödürleýär.",
    "call_to_action": "Günüň dizaýnerini açyň",
    "date": "2026-11-08",
    "language": "tk",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "Şu günüň bellenilýän döredijilik ussadyny görkezýän Günüň dizaýneri portreti",
    "url": "https://designeroftheday.com/tk/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.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