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