اصلی مطلبءِ سرا بچک

رۏچ ئے ڈیزائنر

شمئے ویب سایٹ ءَ رۏچ ئے ڈیزائنر جۆڑ کنیت

رۏچ ئے ڈیزائنر هر روچ یک نۆکین فیچر شنگ کنت۔ عکسئے آدرس هچ وهد عوض نبیت، بلے آییئے پُشتئے تصویر عوض بیت، پچے شما یک بار کوڈ ءَ جۆڑ کنیت و شمئے بازدیدکنۆک هر روچ نۆکین فیچر ءَ گندنت۔

چۆن کار کنت

هر روچ یک نۆکین تصویر یک ثابتین آدرس ءَ شنگ بیت۔ شمئے صفحه آ آدرس ءَ لوڈ کنت، پچے همیشه اے روچئے فیچر پیش بیت، و کلیک ءَ شمئے بازدیدکنۆک رۏچ ئے ڈیزائنر ءَ برت که آدا پوره داستان هست۔

اسکریپٹ لۆٹیت؟ یک کانتینر و یک اسکریپٹ جۆڑ کنیت: ویجٹ آ سٹایل ءَ جۆڑ کنت که شما data-dotd-variant ءَ گچین کرتگ (image، cta یا card)، اسکریپٹ آدرسئے زبان ءَ وهدے که آ زبان دسترس ءَ ببیت۔ اگه شما اسکریپٹ اجرا کرتگ نکنیت، همے ویریانٹئے HTML نسخه ءَ استفاده کنیت۔

ویریانٹ A: تهنا عکس

نۆکین روچئے تصویر، رۏچ ئے ڈیزائنر ءَ لینک بوتگ۔ سکّ تر گچینک۔

زندگین پیش‌نمایش

<a href="https://designeroftheday.com/bal/" 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=bal"></script>

ویریانٹ B: عکس و دعوت بہ عمل

نۆکین روچئے تصویر گۆن یک دعوت بہ عمل آییئے چیرءَ۔

زندگین پیش‌نمایش

<a href="https://designeroftheday.com/bal/" 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=bal"></script>

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

یک Bootstrap کارڈ گۆن تصویر، فیچرئے سرنام، یک کٹّین پاراگراف و یک دعوت بہ عمل بٹن۔ شمئے صفحه ءَ Bootstrap لازم انت۔

زندگین پیش‌نمایش

<div class="card" style="max-width:24rem">
  <a href="https://designeroftheday.com/bal/" 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/bal/" 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=bal"></script>

گچینک 3: JSON

ڈیولپرانی، ایپانی و آٹومیشنئے واسطه۔ JSON ءَ نام، توضیح، عکسئے آدرس، لینکان و تاریخ هست۔ کراس-اوریجن درخواستان اجازت دیگ بوتگ۔

fetch("https://designeroftheday.com/feature.json?lang=bal")
  .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": "bal",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "رۏچ ئے ڈیزائنر ئے تصویر کہ ئمرۏچکیں نامداریں تخلیقی بینداتکار نشان دنت",
    "url": "https://designeroftheday.com/bal/",
    "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/bal/namayesh/"
}

وشّ انت بزانیت

  • عکسئے دور و بر لینک ءَ سات بداریت، تاں شمئے بازدیدکنۆک پوره فیچر ءَ گندگ بتوانت۔
  • همیشه بالادئے عکسئے آدرس ءَ استفاده کنیت و کاپی مه ساتیت، تاں شمئے صفحه تازه بمانیت۔
  • عکس ریسپانسیو انت: هچ وهد آییئے کانتینر ءَ چه پراهتر نبیت۔
  • کمک لۆٹیت یا سفارشی فارمت لۆٹیت؟ لطفاً ما ءَ تماس بگریت۔

اسپانسرد

ایوارڈ گِپتگیں ڈیزائنانَ دریاپ کنئے

روچءِ ڈیزائن گپ

روچءِ ڈیزائن گپ

DesignAdage