مرکزی مواد پر جائیں

آج کا ڈیزائن آئیڈیا

آج کا ڈیزائن آئیڈیا کو اپنی ویب سائٹ پر ایمبیڈ کریں

آج کا ڈیزائن آئیڈیا ہر روز ایک نئی خصوصی پیشکش شائع کرتا ہے۔ تصویر کا پتہ کبھی نہیں بدلتا، لیکن اس کے پیچھے کی تصویر بدلتی رہتی ہے، اس لیے آپ کوڈ صرف ایک بار شامل کریں اور آپ کے وزٹرز خودکار طور پر آج کی خصوصی پیشکش دیکھیں گے۔

یہ کیسے کام کرتا ہے

ہر روز ایک مقررہ پتے پر ایک نئی تصویر شائع ہوتی ہے۔ آپ کا صفحہ وہ پتہ لوڈ کرتا ہے، اس لیے یہ ہمیشہ موجودہ خصوصی پیشکش دکھاتا ہے، اور کلک کرنے پر آپ کے وزٹرز آج کا ڈیزائن آئیڈیا پر پہنچ جاتے ہیں جہاں مکمل کہانی بیان کی گئی ہے۔

اسکرپٹ کو ترجیح دیتے ہیں؟ ایک کنٹینر اور ایک اسکرپٹ شامل کریں: ویجٹ data-dotd-variant (image، cta یا card) سے آپ کا منتخب کردہ انداز بناتا ہے، اسکرپٹ کے پتے کی زبان میں جب وہ زبان دستیاب ہو۔ اگر آپ اسکرپٹ نہیں چلا سکتے تو اسی ویرینٹ کا HTML ورژن استعمال کریں۔

ویرینٹ A: صرف تصویر

آج کی تصویر، آج کا ڈیزائن آئیڈیا سے منسلک۔ سب سے ہلکا آپشن۔

لائیو پیش نظارہ

<a href="https://designideaoftheday.com/ur/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="تخلیقی حدود کو آگے بڑھاتا ایک جدید تصور پیش کرتا آج کا ڈیزائن آئیڈیا" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=ur"></script>

ویرینٹ B: تصویر اور کال ٹو ایکشن

آج کی تصویر نیچے کال ٹو ایکشن کے ساتھ۔

لائیو پیش نظارہ

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

ویرینٹ C: Bootstrap کارڈ

ایک Bootstrap کارڈ جس میں تصویر، خصوصی پیشکش کا عنوان، ایک مختصر پیراگراف اور کال ٹو ایکشن بٹن شامل ہے۔ آپ کے صفحے کو Bootstrap کی ضرورت ہے۔

لائیو پیش نظارہ

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/ur/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-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://designideaoftheday.com/ur/" class="btn btn-danger" target="_blank" rel="noopener">آج کا ڈیزائن آئیڈیا دریافت کریں</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=ur"></script>

آپشن 3: JSON

ڈویلپرز، ایپس اور آٹومیشن کے لیے۔ JSON میں نام، تفصیل، تصویر کا پتہ، لنکس اور تاریخ شامل ہے۔ کراس اوریجن درخواستوں کی اجازت ہے۔

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

نمونہ جواب

{
    "domain": "designideaoftheday.com",
    "name": "آج کا ڈیزائن آئیڈیا",
    "feature": "آج کا ڈیزائن آئیڈیا",
    "paragraph": "A' Design Award ہر روز ایک انتہائی جدید ڈیزائن آئیڈیا یا بہت تخلیقی تصور کو آج کے ڈیزائن آئیڈیا کے طور پر پیش کرتا ہے، جس میں اصل سوچ، عملی حل اور ڈیزائن فضیلت کے متاثر کن طریقوں کی تلاش کی جاتی ہے۔",
    "description": "آج کا ڈیزائن آئیڈیا ہر روز ایک انتہائی جدید ڈیزائن آئیڈیا، ایک بہت تخلیقی تصور پیش کرتا ہے، جس میں اصل سوچ، عملی حل اور عالمی ڈیزائن فضیلت کے متاثر کن طریقوں کی تلاش کی جاتی ہے، جسے انتہائی معزز A' Design Award and Competition نے منتخب کیا ہے۔",
    "call_to_action": "آج کا ڈیزائن آئیڈیا دریافت کریں",
    "date": "2026-11-08",
    "language": "ur",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "تخلیقی حدود کو آگے بڑھاتا ایک جدید تصور پیش کرتا آج کا ڈیزائن آئیڈیا",
    "url": "https://designideaoftheday.com/ur/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/ur/fichar/"
}

جاننا ضروری ہے

  • تصویر کے ارد گرد لنک رکھیں، تاکہ آپ کے وزٹرز مکمل خصوصی پیشکش دریافت کر سکیں۔
  • ہمیشہ اوپر دکھایا گیا تصویر کا پتہ استعمال کریں اور کاپی محفوظ نہ کریں، تاکہ آپ کا صفحہ تازہ رہے۔
  • تصویر ریسپانسو ہے: یہ اپنے کنٹینر سے زیادہ چوڑی نہیں ہوتی۔
  • مدد یا کسی مخصوص فارمیٹ کی ضرورت ہے؟ براہ کرم ہم سے رابطہ کریں۔

اسپانسرڈ

ایوارڈ یافتہ ڈیزائنز دریافت کریں

آج کا ڈیزائن اقتباس

آج کا ڈیزائن اقتباس

DesignAdage