Günüň dizaýny

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

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

Göni syn

<a href="https://designoftheday.org/tk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Baýrakly döredijilik ussatlygyny görkezýän Günüň dizaýny" 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=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://designoftheday.org/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-of-the-day/today.png" alt="Baýrakly döredijilik ussatlygyny görkezýän Günüň dizaýny" 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ýnyny açyň</span>
</a>

<div data-dotd="designoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/tk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Baýrakly döredijilik ussatlygyny görkezýän Günüň dizaýny" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günüň dizaýny</h5>
    <p class="card-text">A' Design Award her gün ajaýyp dizaýn eserini, täzeçil önümi ýa-da döredijilikli taslamany Günüň dizaýny hökmünde görkezýär, döredijilik we ýokary hilli dizaýnyň ajaýyp nusgalaryny hödürleýär.</p>
    <a href="https://designoftheday.org/tk/" class="btn btn-danger" target="_blank" rel="noopener">Günüň dizaýnyny açyň</a>
  </div>
</div>

<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/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://designoftheday.org/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": "designoftheday.org",
    "name": "Günüň dizaýny",
    "feature": "Günüň dizaýny",
    "paragraph": "A' Design Award her gün ajaýyp dizaýn eserini, täzeçil önümi ýa-da döredijilikli taslamany Günüň dizaýny hökmünde görkezýär, döredijilik we ýokary hilli dizaýnyň ajaýyp nusgalaryny hödürleýär.",
    "description": "Günüň dizaýny her gün ajaýyp dizaýn eserini, täzeçil önümi ýa-da döredijilikli taslamany görkezýär, ýokary abraýly A' Design Award and Competition tarapyndan ykrar edilen döredijilik we ýokary hilli dizaýnyň ajaýyp nusgalaryny hödürleýär.",
    "call_to_action": "Günüň dizaýnyny açyň",
    "date": "2026-11-08",
    "language": "tk",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "Baýrakly döredijilik ussatlygyny görkezýän Günüň dizaýny",
    "url": "https://designoftheday.org/tk/",
    "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/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ň.

Hemaýatkärlik

Baýrakly dizaýnlary açyň