Гузариш ба мундариҷаи асосӣ

Устораи дизайн

Ҷойгиркунии Устораи дизайни рӯз дар вебсайти шумо

Устораи дизайн ҳар рӯз хусусияти нав нашр мекунад. Суроғаи тасвир тағйир намеёбад, аммо расм дар паси он иваз мешавад, аз ин рӯ шумо кодро як маротиба илова мекунед ва меҳмонони шумо хусусияти имрӯзаро ба таври худкор мебинанд.

Чӣ тавр кор мекунад

Ҳар рӯз дар як суроғаи доимӣ расми нав нашр мешавад. Саҳифаи шумо ин суроғаро бор мекунад, аз ин рӯ ҳамеша хусусияти ҷориро нишон медиҳад ва бо як клик меҳмонони шумо ба Устораи дизайн мераванд, ки дар он ҷо ҳикояи пурра оварда шудааст.

Скриптро афзалият медиҳед? Як контейнер ва як скрипт илова кунед: виҷет услубе мекашад, ки шумо бо data-dotd-variant интихоб кардаед (image, cta ё card), ба забони суроғаи скрипт, агар он забон дастрас бошад. Агар скрипт истифода карда натавонед, версияи HTML-и ҳамон вариантро истифода баред.

Варианти A: танҳо тасвир

Расми имрӯза, ки ба Устораи дизайн пайваст аст. Сабуктарин имконият.

Пешнамоиши зинда

<a href="https://thedesignlegend.com/tg/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Устораи дизайни рӯз — нигоҳе ба дастовардҳои тамоми умр дар соҳаи дизайн" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=tg"></script>

Варианти B: тасвир ва даъват ба амал

Расми имрӯза бо даъват ба амал дар зер.

Пешнамоиши зинда

<a href="https://thedesignlegend.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-legend-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="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=tg"></script>

Варианти C: корти Bootstrap

Корти Bootstrap бо тасвир, номи хусусият, абзаци кӯтоҳ ва тугмаи даъват ба амал. Саҳифаи шумо ба Bootstrap ниёз дорад.

Пешнамоиши зинда

<div class="card" style="max-width:24rem">
  <a href="https://thedesignlegend.com/tg/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-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://thedesignlegend.com/tg/" class="btn btn-danger" target="_blank" rel="noopener">Устораи дизайни рӯзро кашф кунед</a>
  </div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.com/feature.js?lang=tg"></script>

Имконияти 3: JSON

Барои таҳиягарон, барномаҳо ва автоматизатсия. JSON ном, тавсиф, суроғаи тасвир, пайвандҳо ва санаро дар бар мегирад. Дархостҳои байнидоменӣ иҷозат дода мешаванд.

fetch("https://thedesignlegend.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": "thedesignlegend.com",
    "name": "Устораи дизайн",
    "feature": "Устораи дизайни рӯз",
    "paragraph": "Ҷоизаи дизайни A' дизайнери таъсиргузор ё меъмори ҷаҳониро, ки корнамои истисноӣ, офаридаҳои бузург ва идеяҳои пешгомашон таърих ва рушди дизайнро шакл додаанд, ҳамчун Устораи дизайни рӯз тақдир мекунад.",
    "description": "Устораи дизайн дизайнерони таъсиргузор ва меъморони ҷаҳониро тақдир мекунад, ки корнамои истисноӣ, офаридаҳои бузург, идеяҳои пешгом ва саҳми моногори онҳо таърих ва рушди дизайнро шакл додааст, ва шахсони эҷодкор ва дастовардҳои онҳоро, ки аз ҷониби Ҷоизаи бисёр нуфузноки дизайни A' эътироф шудаанд, барҷаста менамояд.",
    "call_to_action": "Устораи дизайни рӯзро кашф кунед",
    "date": "2026-11-08",
    "language": "tg",
    "image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
    "image_alt": "Устораи дизайни рӯз — нигоҳе ба дастовардҳои тамоми умр дар соҳаи дизайн",
    "url": "https://thedesignlegend.com/tg/",
    "feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
    "embed_url": "https://thedesignlegend.com/tg/namoyish/"
}

Маълумоти муфид

  • Пайвандро дар атрофи тасвир нигоҳ доред, то меҳмонони шумо хусусияти пурраро кашф карда тавонанд.
  • Ҳамеша суроғаи тасвири дар боло нишондодашударо истифода баред ва нусхаро нигоҳ надоред, то саҳифаи шумо ба рӯз бимонад.
  • Тасвир мутобиқшаванда аст: аз контейнери худ бештар васеъ намешавад.
  • Ба кӯмак ё формати махсус ниёз доред? Лутфан бо мо тамос гиред.

Иқтибоси дизайнии рӯз

Иқтибоси дизайнии рӯз

DesignAdage