Esasy mazmuна geç

Günüň dizaýn pikiri

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

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

Göni syn

<a href="https://designideaoftheday.com/tk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Döredijilik çäklerini giňeldýän täzeçil düşünjäni görkezýän Günüň dizaýn pikiri" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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-idea-of-the-day/today.png" alt="Döredijilik çäklerini giňeldýän täzeçil düşünjäni görkezýän Günüň dizaýn pikiri" 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 pikirini açyň</span>
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.com/tk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Döredijilik çäklerini giňeldýän täzeçil düşünjäni görkezýän Günüň dizaýn pikiri" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günüň dizaýn pikiri</h5>
    <p class="card-text">A' Design Award her gün täzeçil dizaýn pikirini ýa-da döredijilikli düşünjäni Günüň dizaýn pikiri hökmünde hödürleýär, özboluşly pikirlenmäni, amaly çözgütleri we dizaýn ussatlygyna ylham berýän çemeleşmeleri açyp görkezýär.</p>
    <a href="https://designideaoftheday.com/tk/" class="btn btn-danger" target="_blank" rel="noopener">Günüň dizaýn pikirini açyň</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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": "designideaoftheday.com",
    "name": "Günüň dizaýn pikiri",
    "feature": "Günüň dizaýn pikiri",
    "paragraph": "A' Design Award her gün täzeçil dizaýn pikirini ýa-da döredijilikli düşünjäni Günüň dizaýn pikiri hökmünde hödürleýär, özboluşly pikirlenmäni, amaly çözgütleri we dizaýn ussatlygyna ylham berýän çemeleşmeleri açyp görkezýär.",
    "description": "Günüň dizaýn pikiri her gün täzeçil dizaýn pikirini, döredijilikli düşünjäni hödürleýär, özboluşly pikirlenmäni, amaly çözgütleri we dünýä dizaýn ussatlygyna ylham berýän çemeleşmeleri açyp görkezýär, ýokary abraýly A' Design Award and Competition tarapyndan saýlanan.",
    "call_to_action": "Günüň dizaýn pikirini açyň",
    "date": "2026-11-08",
    "language": "tk",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "Döredijilik çäklerini giňeldýän täzeçil düşünjäni görkezýän Günüň dizaýn pikiri",
    "url": "https://designideaoftheday.com/tk/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.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