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

Бренди дизайнии рӯз

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

DesignAdage