Тамоюли дизайнии рӯз
Ҷойгиркунии Тамоюли дизайнии рӯз дар вебсайти шумо
Тамоюли дизайнии рӯз ҳар рӯз хусусияти нав нашр мекунад. Суроғаи тасвир тағйир намеёбад, аммо расм дар паси он иваз мешавад, аз ин рӯ шумо кодро як маротиба илова мекунед ва меҳмонони шумо хусусияти имрӯзаро ба таври худкор мебинанд.
Чӣ тавр кор мекунад
Ҳар рӯз дар як суроғаи доимӣ расми нав нашр мешавад. Саҳифаи шумо ин суроғаро бор мекунад, аз ин рӯ ҳамеша хусусияти ҷориро нишон медиҳад ва бо як клик меҳмонони шумо ба Тамоюли дизайнии рӯз мераванд, ки дар он ҷо ҳикояи пурра оварда шудааст.
Скриптро афзалият медиҳед? Як контейнер ва як скрипт илова кунед: виҷет услубе мекашад, ки шумо бо data-dotd-variant интихоб кардаед (image, cta ё card), ба забони суроғаи скрипт, агар он забон дастрас бошад. Агар скрипт истифода карда натавонед, версияи HTML-и ҳамон вариантро истифода баред.
Варианти A: танҳо тасвир
Расми имрӯза, ки ба Тамоюли дизайнии рӯз пайваст аст. Сабуктарин имконият.
Пешнамоиши зинда
<a href="https://designtrendoftheday.com/tg/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Тасвири Тамоюли дизайнии рӯз, ки намунаҳои навпадиди ояндаи дизайнро нишон медиҳад" 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=tg"></script>Варианти B: тасвир ва даъват ба амал
Расми имрӯза бо даъват ба амал дар зер.
Пешнамоиши зинда
<a href="https://designtrendoftheday.com/tg/" 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="Тасвири Тамоюли дизайнии рӯз, ки намунаҳои навпадиди ояндаи дизайнро нишон медиҳад" 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">Тамоюли дизайнии рӯзро кашф кунед</span>
</a><div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=tg"></script>Варианти C: корти Bootstrap
Корти Bootstrap бо тасвир, номи хусусият, абзаци кӯтоҳ ва тугмаи даъват ба амал. Саҳифаи шумо ба Bootstrap ниёз дорад.
Пешнамоиши зинда
<div class="card" style="max-width:24rem">
<a href="https://designtrendoftheday.com/tg/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Тасвири Тамоюли дизайнии рӯз, ки намунаҳои навпадиди ояндаи дизайнро нишон медиҳад" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Тамоюли дизайнии рӯз</h5>
<p class="card-text">Ҷоизаи дизайни A' ҳар рӯз як тамоюли аслии дизайнро ҳамчун Тамоюли дизайнии рӯз баррасӣ мекунад ва услубҳои навпадид, эстетикаи тағйирёбанда ва самтҳои нави эҷодиро, ки ба тарзи тарроҳии маҳсулот, лоиҳаҳо ва таҷрибаҳо таъсир мерасонанд, намоиш медиҳад.</p>
<a href="https://designtrendoftheday.com/tg/" class="btn btn-danger" target="_blank" rel="noopener">Тамоюли дизайнии рӯзро кашф кунед</a>
</div>
</div><div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.com/feature.js?lang=tg"></script>Имконияти 3: JSON
Барои таҳиягарон, барномаҳо ва автоматизатсия. JSON ном, тавсиф, суроғаи тасвир, пайвандҳо ва санаро дар бар мегирад. Дархостҳои байнидоменӣ иҷозат дода мешаванд.
fetch("https://designtrendoftheday.com/feature.json?lang=tg")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Намунаи ҷавоб
{
"domain": "designtrendoftheday.com",
"name": "Тамоюли дизайнии рӯз",
"feature": "Тамоюли дизайнии рӯз",
"paragraph": "Ҷоизаи дизайни A' ҳар рӯз як тамоюли аслии дизайнро ҳамчун Тамоюли дизайнии рӯз баррасӣ мекунад ва услубҳои навпадид, эстетикаи тағйирёбанда ва самтҳои нави эҷодиро, ки ба тарзи тарроҳии маҳсулот, лоиҳаҳо ва таҷрибаҳо таъсир мерасонанд, намоиш медиҳад.",
"description": "Тамоюли дизайнии рӯз ҳар рӯз як тамоюли аслии дизайнро баррасӣ мекунад ва услубҳои навпадид, эстетикаи тағйирёбанда, самтҳои нави эҷодӣ ва равишҳои навоваронаро, ки ба тарзи тарроҳии маҳсулот, лоиҳаҳо ва таҷрибаҳо таъсир мерасонанд, намоиш медиҳад, ки аз ҷониби Ҷоизаи бисёр нуфузноки дизайни A' эътироф шудааст.",
"call_to_action": "Тамоюли дизайнии рӯзро кашф кунед",
"date": "2026-11-08",
"language": "tg",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Тасвири Тамоюли дизайнии рӯз, ки намунаҳои навпадиди ояндаи дизайнро нишон медиҳад",
"url": "https://designtrendoftheday.com/tg/",
"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/tg/namoyish/"
}Маълумоти муфид
- Пайвандро дар атрофи тасвир нигоҳ доред, то меҳмонони шумо хусусияти пурраро кашф карда тавонанд.
- Ҳамеша суроғаи тасвири дар боло нишондодашударо истифода баред ва нусхаро нигоҳ надоред, то саҳифаи шумо ба рӯз бимонад.
- Тасвир мутобиқшаванда аст: аз контейнери худ бештар васеъ намешавад.
- Ба кӯмак ё формати махсус ниёз доред? Лутфан бо мо тамос гиред.