ئاساسىي مەزمۇنغا ئاتلاش

بۈگۈنكى لايىھەلەش

بۈگۈنكى لايىھەلەش نى ئۆز تور بېتىڭىزگە ئورنىتىش

بۈگۈنكى لايىھەلەش ھەر كۈنى يېڭى بىر تونۇشتۇرۇش ئېلان قىلىدۇ. رەسىم ئادرېسى ئۆزگەرمەيدۇ، لېكىن ئارقىسىدىكى رەسىم ئۆزگىرىدۇ، شۇڭا كودنى بىر قېتىم قوشسىڭىز زىيارەتچىلىرىڭىز ئاپتوماتىك ھالدا بۈگۈنكى تونۇشتۇرۇشنى كۆرىدۇ.

قانداق ئىشلەيدۇ

ھەر كۈنى بىر مۇقىم ئادرېسكە يېڭى رەسىم ئېلان قىلىنىدۇ. بېتىڭىز شۇ ئادرېسنى يۈكلەيدۇ، شۇڭا ھەمىشە نۆۋەتتىكى تونۇشتۇرۇشنى كۆرسىتىدۇ، چەكسە زىيارەتچىلىرىڭىزنى تولۇق ھېكايە سۆزلەنگەن بۈگۈنكى لايىھەلەش غا يېتەكلەيدۇ.

سكرىپت ئىشلەتمەكچىمۇ؟ بىر قاچا ۋە بىر سكرىپت قوشۇڭ: ۋىدجېت data-dotd-variant (image، cta ياكى card) ئارقىلىق تاللىغان ئۇسلۇبىڭىزنى سىزىدۇ، شۇ تىل بار بولسا سكرىپت ئادرېسىدىكى تىلدە كۆرسىتىدۇ. ئەگەر سكرىپت ئىجرا قىلالمىسىڭىز، ئوخشاش شەكىلنىڭ HTML نۇسخىسىنى ئىشلىتىڭ.

A خىلى: پەقەت رەسىم

بۈگۈنكى رەسىم، بۈگۈنكى لايىھەلەش غا ئۇلانغان. ئەڭ يېنىك تاللاش.

جانلىق ئالدىن كۆرۈش

<a href="https://designoftheday.org/ug/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="مۇكاپاتقا ئېرىشكەن ئىجادىي مۇكەممەللىكنى كۆرسەتكەن بۈگۈنكى لايىھەلەش" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designoftheday.org/feature.js?lang=ug"></script>

B خىلى: رەسىم ۋە ھەرىكەت چاقىرىقى

بۈگۈنكى رەسىم، ئاستىدا ھەرىكەت چاقىرىقى بىلەن.

جانلىق ئالدىن كۆرۈش

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

C خىلى: Bootstrap كارتىسى

رەسىم، تونۇشتۇرۇش نامى، قىسقا ئابزاس ۋە ھەرىكەت چاقىرىق كۇنۇپكىسى بار Bootstrap كارتىسى. بېتىڭىزگە Bootstrap كېرەك.

جانلىق ئالدىن كۆرۈش

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/ug/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-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://designoftheday.org/ug/" class="btn btn-danger" target="_blank" rel="noopener">بۈگۈنكى لايىھەلەشنى بايقاڭ</a>
  </div>
</div>
<div data-dotd="designoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designoftheday.org/feature.js?lang=ug"></script>

3-تاللاش: JSON

ئاچقۇچىلار، ئەپلەر ۋە ئاپتوماتلاشتۇرۇش ئۈچۈن. JSON دا نام، چۈشەندۈرۈش، رەسىم ئادرېسى، ئۇلانمىلار ۋە چېسلا بار. تور ئارا سورامنامىلارغا رۇخسەت بېرىلگەن.

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

ئۈلگە جاۋاب

{
    "domain": "designoftheday.org",
    "name": "بۈگۈنكى لايىھەلەش",
    "feature": "بۈگۈنكى لايىھەلەش",
    "paragraph": "A' Design Award ھەر كۈنى بىر كۆزگە كۆرۈنەرلىك لايىھەلەش ئەسىرىنى، يۇقىرى يېڭىلىقچىل مەھسۇلاتنى ياكى ئىنتايىن ئىجادىي بىر تۈرنى بۈگۈنكى لايىھەلەش سۈپىتىدە كۆرسىتىپ، ئىجادىيەت ۋە ئېسىل لايىھەلەشنىڭ ئالاھىدە ئۈلگىلىرىنى تونۇشتۇرىدۇ.",
    "description": "بۈگۈنكى لايىھەلەش ھەر كۈنى بىر كۆزگە كۆرۈنەرلىك لايىھەلەش ئەسىرىنى، يۇقىرى يېڭىلىقچىل مەھسۇلاتنى ياكى ئىنتايىن ئىجادىي بىر تۈرنى كۆرسىتىپ، يۇقىرى ئەۋزەللىكلىك A' Design Award and Competition تەرىپىدىن ئېتىراپ قىلىنغان ئىجادىيەت ۋە ئېسىل لايىھەلەشنىڭ ئالاھىدە ئۈلگىلىرىنى تونۇشتۇرىدۇ.",
    "call_to_action": "بۈگۈنكى لايىھەلەشنى بايقاڭ",
    "date": "2026-11-08",
    "language": "ug",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "مۇكاپاتقا ئېرىشكەن ئىجادىي مۇكەممەللىكنى كۆرسەتكەن بۈگۈنكى لايىھەلەش",
    "url": "https://designoftheday.org/ug/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/ug/orumlashtyrush/"
}

بىلىشكە ئەرزىيدىغانلىرى

  • رەسىمنىڭ ئەتراپىدىكى ئۇلانمىنى ساقلاپ قېلىڭ، شۇنداق قىلسا زىيارەتچىلىرىڭىز تولۇق تونۇشتۇرۇشنى بايقىيالايدۇ.
  • ھەمىشە يۇقىرىدا كۆرسىتىلگەن رەسىم ئادرېسىنى ئىشلىتىڭ، نۇسخا ساقلىماڭ، شۇنداق قىلسا بېتىڭىز يېڭى بولۇپ تۇرىدۇ.
  • رەسىم ماسلىشىشچان: ئۇ ھەرگىز قاچىسىدىن كەڭ بولمايدۇ.
  • ياردەم ياكى ئالاھىدە فورمات كېرەكمۇ؟ بىز بىلەن ئالاقىلىشىڭ.

ھومراقلىق

مۇكاپاتلىق لايىھەلەرنى بايقاڭ

بۈگۈنكى لايىھە ھېكمەت سۆزى

بۈگۈنكى لايىھە ھېكمەت سۆزى

DesignAdage