Esasy mazmuна geç

Günüň dizaýn tendensiýasy

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

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

Göni syn

<a href="https://designtrendoftheday.com/tk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Dizaýnyň geljegini emele getirýän ýüze çykýan ugurlary görkezýän Günüň dizaýn tendensiýasy" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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-trend-of-the-day/today.png" alt="Dizaýnyň geljegini emele getirýän ýüze çykýan ugurlary görkezýän Günüň dizaýn tendensiýasy" 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 tendensiýasyny açyň</span>
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.com/tk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Dizaýnyň geljegini emele getirýän ýüze çykýan ugurlary görkezýän Günüň dizaýn tendensiýasy" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günüň dizaýn tendensiýasy</h5>
    <p class="card-text">A' Design Award her gün özboluşly dizaýn tendensiýasyny Günüň dizaýn tendensiýasy hökmünde öwrenýär, önümleriň, taslamalaryň we tejribeleriň dizaýnyna täsir edýän täze stilleri, üýtgeýän estetikany we döredijilik ugurlaryny görkezýär.</p>
    <a href="https://designtrendoftheday.com/tk/" class="btn btn-danger" target="_blank" rel="noopener">Günüň dizaýn tendensiýasyny açyň</a>
  </div>
</div>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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": "designtrendoftheday.com",
    "name": "Günüň dizaýn tendensiýasy",
    "feature": "Günüň dizaýn tendensiýasy",
    "paragraph": "A' Design Award her gün özboluşly dizaýn tendensiýasyny Günüň dizaýn tendensiýasy hökmünde öwrenýär, önümleriň, taslamalaryň we tejribeleriň dizaýnyna täsir edýän täze stilleri, üýtgeýän estetikany we döredijilik ugurlaryny görkezýär.",
    "description": "Günüň dizaýn tendensiýasy her gün özboluşly dizaýn tendensiýasyny öwrenýär, önümleriň, taslamalaryň we tejribeleriň dizaýnyna täsir edýän täze stilleri, üýtgeýän estetikany, täze döredijilik ugurlaryny we täzeçil çemeleşmeleri görkezýär, ýokary abraýly A' Design Award and Competition tarapyndan ykrar edilen.",
    "call_to_action": "Günüň dizaýn tendensiýasyny açyň",
    "date": "2026-11-08",
    "language": "tk",
    "image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
    "image_alt": "Dizaýnyň geljegini emele getirýän ýüze çykýan ugurlary görkezýän Günüň dizaýn tendensiýasy",
    "url": "https://designtrendoftheday.com/tk/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.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