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