مکيه مواد ڏانهن وڃو

اڄ جو نمايان ڊزائنر

پنهنجي ويب سائيٽ تي اڄ جو نمايان ڊزائنر ايمبيڊ ڪريو

اڄ جو نمايان ڊزائنر هر روز هڪ نئين فيچر شايع ڪري ٿو. تصوير جو پتو ڪڏهن به نٿو بدلجي، پر ان جي پٺيان موجود تصوير بدلجي ٿي، تنهنڪري توهان ڪوڊ هڪ ڀيرو شامل ڪريو ۽ توهان جا سنڌاري خودڪار طور تي اڄ جو فيچر ڏسندا.

اهو ڪيئن ڪم ڪري ٿو

هر روز هڪ نئين تصوير هڪ مقرر پتي تي شايع ٿئي ٿي. توهان جو صفحو اهو پتو لوڊ ڪري ٿو، تنهنڪري اهو هميشه موجوده فيچر ڏيکاري ٿو، ۽ هڪ ڪلڪ توهان جي سنڌارين کي اڄ جو نمايان ڊزائنر تي وٺي وڃي ٿو جتي مڪمل ڪهاڻي بيان ڪئي وئي آهي.

اسڪرپٽ چاهيو ٿا؟ هڪ ڪنٽينر ۽ هڪ اسڪرپٽ شامل ڪريو: ويجيٽ اهو انداز ٺاهي ٿو جيڪو توهان data-dotd-variant (image، cta يا card) سان چونڊيو، اسڪرپٽ جي پتي جي ٻولي ۾ جڏهن اها ٻولي دستياب هجي. جيڪڏهن توهان اسڪرپٽ نٿا هلائي سگهو، ته ساڳي ويريئنٽ جو HTML نسخو استعمال ڪريو.

ويريئنٽ A: صرف تصوير

اڄ جي تصوير، اڄ جو نمايان ڊزائنر سان ڳنڍيل. سڀ کان هلڪو آپشن.

لائيو ڏيک

<a href="https://designerhighlightoftheday.com/sd/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="عالمي ڊزائن ڪميونٽي جو حصو، هڪ شاندار ڊزائنر پيش ڪندي اڄ جو نمايان ڊزائنر" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=sd"></script>

ويريئنٽ B: تصوير ۽ عمل جي دعوت

اڄ جي تصوير هيٺان عمل جي دعوت سان.

لائيو ڏيک

<a href="https://designerhighlightoftheday.com/sd/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/highlight-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="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=sd"></script>

ويريئنٽ C: Bootstrap ڪارڊ

هڪ Bootstrap ڪارڊ جنهن ۾ تصوير، فيچر جو عنوان، هڪ مختصر پيراگراف ۽ عمل جي دعوت جو بٽڻ شامل آهي. توهان جي صفحي کي Bootstrap گهرجي.

لائيو ڏيک

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/sd/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-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' Design Award هر روز هڪ اڳواڻ ڊزائنر، هڪ اسٽار آرڪيٽيڪٽ، هڪ مٿيان تخليقي يا جدت ڪار کي اڄ جي نمايان ڊزائنر جي طور تي پيش ڪري ٿو، انهن جون ڪاميابيون، تخليقي ڪم ۽ ڊزائن جي دنيا ۾ شراڪتون ڏيکاريندي.</p>
    <a href="https://designerhighlightoftheday.com/sd/" class="btn btn-danger" target="_blank" rel="noopener">اڄ جو نمايان ڊزائنر دريافت ڪريو</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=sd"></script>

آپشن 3: JSON

ڊولپرز، ايپس ۽ آٽوميشن لاءِ. JSON ۾ نالو، وضاحت، تصوير جو پتو، لنڪس ۽ تاريخ شامل آهي. ڪراس-اوريجن درخواستون اجازت ڏنل آهن.

fetch("https://designerhighlightoftheday.com/feature.json?lang=sd")
  .then(function (r) { return r.json(); })
  .then(function (d) {
    // d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
  });

مثال جواب

{
    "domain": "designerhighlightoftheday.com",
    "name": "اڄ جو نمايان ڊزائنر",
    "feature": "اڄ جو نمايان ڊزائنر",
    "paragraph": "A' Design Award هر روز هڪ اڳواڻ ڊزائنر، هڪ اسٽار آرڪيٽيڪٽ، هڪ مٿيان تخليقي يا جدت ڪار کي اڄ جي نمايان ڊزائنر جي طور تي پيش ڪري ٿو، انهن جون ڪاميابيون، تخليقي ڪم ۽ ڊزائن جي دنيا ۾ شراڪتون ڏيکاريندي.",
    "description": "اڄ جو نمايان ڊزائنر هر روز هڪ اڳواڻ ڊزائنر، هڪ اسٽار آرڪيٽيڪٽ، هڪ مٿيان تخليقي يا جدت ڪار پيش ڪري ٿو، انهن جون ڪاميابيون، تخليقي ڪم ۽ ڊزائن جي دنيا ۾ شراڪتون ڏيکاريندي، جيئن تمام وقار واري A' Design Award and Competition طرفان سڃاتل آهي.",
    "call_to_action": "اڄ جو نمايان ڊزائنر دريافت ڪريو",
    "date": "2026-11-08",
    "language": "sd",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "عالمي ڊزائن ڪميونٽي جو حصو، هڪ شاندار ڊزائنر پيش ڪندي اڄ جو نمايان ڊزائنر",
    "url": "https://designerhighlightoftheday.com/sd/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/sd/fichar/"
}

ڄاڻڻ لائق ڳالهيون

  • تصوير جي چوڌاري لنڪ رکيو، ته جيئن توهان جا سنڌاري مڪمل فيچر ڏسي سگهن.
  • هميشه مٿي ڏيکاريل تصوير جو پتو استعمال ڪريو ۽ ڪاپي نه رکيو، ته جيئن توهان جو صفحو تازو رهي.
  • تصوير ريسپانسو آهي: اها ڪڏهن به پنهنجي ڪنٽينر کان وڌيڪ ويڪري نٿي ٿئي.
  • مدد يا ڪسٽم فارميٽ گهرجي؟ مهرباني ڪري اسان سان رابطو ڪريو.

اسپانسرڊ

ايوارڊ يافته ڊيزائنز دريافت ڪريو

اڄ جو ڊيزائن قول

اڄ جو ڊيزائن قول

DesignAdage