Esasy mazmuна geç

Günüň öňe çykarylan dizaýneri

Günüň öňe çykarylan dizaýneri web sahypaňyza ýerleşdiriň

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

Göni syn

<a href="https://designerhighlightoftheday.com/tk/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Dünýä dizaýn jemgyýetiniň bir bölegi bolan ajaýyp dizaýneri görkezýän Günüň öňe çykarylan dizaýneri" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Dünýä dizaýn jemgyýetiniň bir bölegi bolan ajaýyp dizaýneri görkezýän Günüň öňe çykarylan dizaýneri" 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üň öňe çykarylan dizaýnerini açyň</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/tk/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Dünýä dizaýn jemgyýetiniň bir bölegi bolan ajaýyp dizaýneri görkezýän Günüň öňe çykarylan dizaýneri" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Günüň öňe çykarylan dizaýneri</h5>
    <p class="card-text">A' Design Award her gün öňdebaryjy dizaýneri, meşhur binagäri, iň gowy döredijini ýa-da täzeçili Günüň öňe çykarylan dizaýneri hökmünde hödürleýär, olaryň gazananlaryny, döredijilik işlerini we dizaýn dünýäsine goşantlaryny görkezýär.</p>
    <a href="https://designerhighlightoftheday.com/tk/" class="btn btn-danger" target="_blank" rel="noopener">Günüň öňe çykarylan dizaýnerini açyň</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Günüň öňe çykarylan dizaýneri",
    "feature": "Günüň öňe çykarylan dizaýneri",
    "paragraph": "A' Design Award her gün öňdebaryjy dizaýneri, meşhur binagäri, iň gowy döredijini ýa-da täzeçili Günüň öňe çykarylan dizaýneri hökmünde hödürleýär, olaryň gazananlaryny, döredijilik işlerini we dizaýn dünýäsine goşantlaryny görkezýär.",
    "description": "Günüň öňe çykarylan dizaýneri her gün öňdebaryjy dizaýneri, meşhur binagäri, iň gowy döredijini ýa-da täzeçili görkezýär, olaryň gazananlaryny, döredijilik işlerini we dizaýn dünýäsine goşantlaryny hödürleýär, ýokary abraýly A' Design Award and Competition tarapyndan ykrar edilen.",
    "call_to_action": "Günüň öňe çykarylan dizaýnerini açyň",
    "date": "2026-11-08",
    "language": "tk",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Dünýä dizaýn jemgyýetiniň bir bölegi bolan ajaýyp dizaýneri görkezýän Günüň öňe çykarylan dizaýneri",
    "url": "https://designerhighlightoftheday.com/tk/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.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