Asosiy kontentga o'tish

Kunning taniqli dizayneri

Kunning taniqli dizaynerini veb-saytingizga joylashtiring

Kunning taniqli dizayneri har kuni yangi material e'lon qiladi. Rasm manzili o'zgarmaydi, lekin uning ortidagi rasm o'zgaradi, shuning uchun kodni bir marta qo'shasiz va tashrif buyuruvchilaringiz bugungi materialni avtomatik ravishda ko'radilar.

Bu qanday ishlaydi

Har kuni bitta doimiy manzilda yangi rasm e'lon qilinadi. Sahifangiz shu manzilni yuklaydi, shuning uchun doimo joriy material ko'rsatiladi, va bosish tashrif buyuruvchilaringizni to'liq hikoya aytilgan Kunning taniqli dizayneri sahifasiga olib boradi.

Skriptni afzal ko'rasizmi? Bitta konteyner va bitta skript qo'shing: vidjet data-dotd-variant (image, cta yoki card) bilan tanlagan uslubingizni chizadi, agar mavjud bo'lsa, skript manzilining tilida ko'rsatadi. Agar skript ishlatib bo'lmasa, xuddi shu variantning HTML versiyasidan foydalaning.

A variant: faqat rasm

Bugungi rasm, Kunning taniqli dizayneriga havolalangan. Eng yengil variant.

Jonli ko'rib chiqish

<a href="https://designerhighlightoftheday.com/uz/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Global dizayn hamjamiyatining bir qismi bo'lgan ajoyib dizaynerni aks ettiruvchi Kunning taniqli dizayneri" 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=uz"></script>

B variant: rasm va harakatga chaqiruv

Bugungi rasm, ostida harakatga chaqiruv bilan.

Jonli ko'rib chiqish

<a href="https://designerhighlightoftheday.com/uz/" 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="Global dizayn hamjamiyatining bir qismi bo'lgan ajoyib dizaynerni aks ettiruvchi Kunning taniqli dizayneri" 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">Kunning taniqli dizaynerini kashf eting</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=uz"></script>

C variant: Bootstrap karta

Rasm, material sarlavhasi, qisqa matn va harakatga chaqiruv tugmasi bilan Bootstrap karta. Sahifangizda Bootstrap kerak bo'ladi.

Jonli ko'rib chiqish

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/uz/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Global dizayn hamjamiyatining bir qismi bo'lgan ajoyib dizaynerni aks ettiruvchi Kunning taniqli dizayneri" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Kunning taniqli dizayneri</h5>
    <p class="card-text">A' Design Award har kuni yetakchi dizayner, yulduz me'mor, top ijodkor yoki innovatorni Kunning taniqli dizayneri sifatida taqdim etadi, ularning yutuqlari, ijodiy ishlari va dizayn olamiga qo'shgan hissalarini namoyish etadi.</p>
    <a href="https://designerhighlightoftheday.com/uz/" class="btn btn-danger" target="_blank" rel="noopener">Kunning taniqli dizaynerini kashf eting</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=uz"></script>

3-variant: JSON

Dasturchilar, ilovalar va avtomatlashtirish uchun. JSON nomi, tavsifi, rasm manzili, havolalar va sanani o'z ichiga oladi. Kross-origin so'rovlarga ruxsat berilgan.

fetch("https://designerhighlightoftheday.com/feature.json?lang=uz")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

Javob namunasi

{
    "domain": "designerhighlightoftheday.com",
    "name": "Kunning taniqli dizayneri",
    "feature": "Kunning taniqli dizayneri",
    "paragraph": "A' Design Award har kuni yetakchi dizayner, yulduz me'mor, top ijodkor yoki innovatorni Kunning taniqli dizayneri sifatida taqdim etadi, ularning yutuqlari, ijodiy ishlari va dizayn olamiga qo'shgan hissalarini namoyish etadi.",
    "description": "Kunning taniqli dizayneri har kuni yetakchi dizayner, yulduz me'mor, top ijodkor yoki innovatorni taqdim etadi, ularning yutuqlari, ijodiy ishlari va dizayn olamiga qo'shgan hissalarini namoyish etadi — nufuzli A' Design Award and Competition tomonidan e'tirof etilgan.",
    "call_to_action": "Kunning taniqli dizaynerini kashf eting",
    "date": "2026-11-08",
    "language": "uz",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Global dizayn hamjamiyatining bir qismi bo'lgan ajoyib dizaynerni aks ettiruvchi Kunning taniqli dizayneri",
    "url": "https://designerhighlightoftheday.com/uz/",
    "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/uz/joylashtirish/"
}

Bilish foydali

  • Rasm atrofidagi havolani saqlang, shunda tashrif buyuruvchilaringiz to'liq materialni kashf eta oladi.
  • Doimo yuqorida ko'rsatilgan rasm manzilidan foydalaning va nusxa saqlamang, shunda sahifangiz dolzarb bo'lib qoladi.
  • Rasm moslashuvchan: u hech qachon konteyneridan kengroq bo'lmaydi.
  • Yordam yoki maxsus format kerakmi? Iltimos, biz bilan bog'laning.

Kunning dizayn iqtibosi

Kunning dizayn iqtibosi

DesignAdage