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