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

آج کا ڈیزائنر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آپشن 3: JSON

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

fetch("https://designeroftheday.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": "designeroftheday.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/designer-of-the-day/today.png",
    "image_alt": "آج کے معزز تخلیقی صاحبِ بصیرت کی تصویر پیش کرتا آج کا ڈیزائنر",
    "url": "https://designeroftheday.com/ur/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/ur/fichar/"
}

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

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

اسپانسرڈ

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

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

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

DesignAdage