Kun dizayn g'oyasi
Kun dizayn g'oyasini veb-saytingizga joylashtiring
Kun dizayn g'oyasi 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 Kun dizayn g'oyasi 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, Kun dizayn g'oyasiga havolalangan. Eng yengil variant.
Jonli ko'rib chiqish
<a href="https://designideaoftheday.com/uz/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Ijodiy chegaralarni kengaytiruvchi innovatsion kontseptsiyani taqdim etuvchi Kun dizayn g'oyasi" 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=uz"></script>
B variant: rasm va harakatga chaqiruv
Bugungi rasm, ostida harakatga chaqiruv bilan.
Jonli ko'rib chiqish
<a href="https://designideaoftheday.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/design-idea-of-the-day/today.png" alt="Ijodiy chegaralarni kengaytiruvchi innovatsion kontseptsiyani taqdim etuvchi Kun dizayn g'oyasi" 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">Kun dizayn g'oyasini kashf eting</span>
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.com/uz/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Ijodiy chegaralarni kengaytiruvchi innovatsion kontseptsiyani taqdim etuvchi Kun dizayn g'oyasi" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Kun dizayn g'oyasi</h5>
<p class="card-text">A' Design Award har kuni juda innovatsion dizayn g'oyasi yoki yuqori darajada ijodiy kontseptsiyani Kun dizayn g'oyasi sifatida taqdim etadi, original fikrlash, amaliy yechimlar va dizayn mukammalligiga ilhomlantiruvchi yondashuvlarni o'rganadi.</p>
<a href="https://designideaoftheday.com/uz/" class="btn btn-danger" target="_blank" rel="noopener">Kun dizayn g'oyasini kashf eting</a>
</div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.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://designideaoftheday.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": "designideaoftheday.com",
"name": "Kun dizayn g'oyasi",
"feature": "Kun dizayn g'oyasi",
"paragraph": "A' Design Award har kuni juda innovatsion dizayn g'oyasi yoki yuqori darajada ijodiy kontseptsiyani Kun dizayn g'oyasi sifatida taqdim etadi, original fikrlash, amaliy yechimlar va dizayn mukammalligiga ilhomlantiruvchi yondashuvlarni o'rganadi.",
"description": "Kun dizayn g'oyasi har kuni juda innovatsion dizayn g'oyasi, yuqori darajada ijodiy kontseptsiyani taqdim etadi, original fikrlash, amaliy yechimlar va global dizayn mukammalligiga ilhomlantiruvchi yondashuvlarni o'rganadi — nufuzli A' Design Award and Competition tomonidan tanlangan.",
"call_to_action": "Kun dizayn g'oyasini kashf eting",
"date": "2026-11-08",
"language": "uz",
"image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
"image_alt": "Ijodiy chegaralarni kengaytiruvchi innovatsion kontseptsiyani taqdim etuvchi Kun dizayn g'oyasi",
"url": "https://designideaoftheday.com/uz/",
"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/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.