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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آپشن 3: JSON

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

fetch("https://designtrendoftheday.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": "designtrendoftheday.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-trend-of-the-day/today.png",
    "image_alt": "ڈیزائن کے مستقبل کو تشکیل دیتے ابھرتے نمونوں کا منظرنامہ پیش کرتا آج کا ڈیزائن ٹرینڈ",
    "url": "https://designtrendoftheday.com/ur/",
    "feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
    "embed_url": "https://designtrendoftheday.com/ur/fichar/"
}

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

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

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

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

DesignAdage