اصلي منځپانګې ته لاړ شئ

د ورځې ځانګړی ډیزاینر

د ورځې ځانګړی ډیزاینر په خپل ویب پاڼه کې ځای پر ځای کړئ

د ورځې ځانګړی ډیزاینر هره ورځ یو نوی فیچر خپروي. د عکس پته هیڅکله نه بدلیږي، خو هغه عکس چې ترشا یې دی بدلیږي، نو تاسو کوډ یو ځل اضافه کوئ او ستاسو لیدونکي په اوتومات ډول د نن ورځې فیچر ګوري.

دا څنګه کار کوي

هره ورځ یو نوی عکس په یوه ثابته پته خپریږي. ستاسو پاڼه هغه پته پورته کوي، نو تل اوسنی فیچر ښیي، او کلیک ستاسو لیدونکي د ورځې ځانګړی ډیزاینر ته بیایي چیرته چې بشپړه کیسه لیکل شوې ده.

سکریپټ غواړئ؟ یو کانټینر او یو سکریپټ اضافه کړئ: ویجیټ هغه سټایل رسموي چې تاسو یې د data-dotd-variant سره غوره کوئ (image، cta یا card)، د سکریپټ پتې په ژبه کله چې هغه ژبه شتون ولري. که تاسو سکریپټونه نه شئ چلولی، د ورته ډول HTML نسخه وکاروئ.

ډول A: یوازې عکس

د نن ورځې عکس، د ورځې ځانګړی ډیزاینر ته لینک شوی. ترټولو سپک انتخاب.

ژوندۍ مخلید

<a href="https://designerhighlightoftheday.com/ps/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="د ورځې ځانګړی ډیزاینر چې یو پام وړ ډیزاینر وړاندې کوي، د نړیوال ډیزاین ټولنې برخه" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ps"></script>

ډول B: عکس او د عمل بلنه

د نن ورځې عکس د لاندې د عمل بلنې سره.

ژوندۍ مخلید

<a href="https://designerhighlightoftheday.com/ps/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/highlight-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="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ps"></script>

ډول C: د Bootstrap کارډ

د Bootstrap کارډ چې عکس، د فیچر سرلیک، لنډ پراګراف او د عمل بلنې تڼۍ لري. ستاسو پاڼه Bootstrap ته اړتیا لري.

ژوندۍ مخلید

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/ps/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-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://designerhighlightoftheday.com/ps/" class="btn btn-danger" target="_blank" rel="noopener">د ورځې ځانګړی ډیزاینر وپیژنئ</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=ps"></script>

درېیم انتخاب: JSON

د پراختیا کونکو، اپلیکیشنونو او اوتومات کولو لپاره. JSON نوم، توضیحات، د عکس پته، لینکونه او نیټه لري. د کراس-اوریجن غوښتنې اجازه لري.

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

د ځواب بېلګه

{
    "domain": "designerhighlightoftheday.com",
    "name": "د ورځې ځانګړی ډیزاینر",
    "feature": "د ورځې ځانګړی ډیزاینر",
    "paragraph": "A' Design Award هره ورځ یو مخکښ ډیزاینر، یو ستوری معمار، یو غوره تخلیقکار یا نوښتګر د ورځې ځانګړی ډیزاینر په توګه وړاندې کوي، چې د دوی لاسته راوړنې، تخلیقي کار او د ډیزاین نړۍ ته ونډه ښیي.",
    "description": "د ورځې ځانګړی ډیزاینر هره ورځ یو مخکښ ډیزاینر، یو ستوری معمار، یو غوره تخلیقکار یا نوښتګر وړاندې کوي، چې د دوی لاسته راوړنې، تخلیقي کار او د ډیزاین نړۍ ته ونډه ښیي، لکه څنګه چې د خورا معتبر A' Design Award and Competition لخوا پیژندل شوی.",
    "call_to_action": "د ورځې ځانګړی ډیزاینر وپیژنئ",
    "date": "2026-11-08",
    "language": "ps",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "د ورځې ځانګړی ډیزاینر چې یو پام وړ ډیزاینر وړاندې کوي، د نړیوال ډیزاین ټولنې برخه",
    "url": "https://designerhighlightoftheday.com/ps/",
    "feature_url": "https://competition.adesignaward.com/designer-highlight-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designer-highlights-of-the-days.php",
    "embed_url": "https://designerhighlightoftheday.com/ps/khasosiyat/"
}

ښه ده پوه شئ

  • د عکس شاوخوا لینک وساتئ، ترڅو ستاسو لیدونکي بشپړ فیچر وموندلی شي.
  • تل پورته ښودل شوې د عکس پته وکاروئ او کاپي مه ساتئ، ترڅو ستاسو پاڼه تازه پاتې شي.
  • عکس ځواب ویونکی دی: هیڅکله د خپل کانټینر څخه پراخ نه کیږي.
  • مرستې یا دودیز فارمیټ ته اړتیا لرئ؟ مهرباني وکړئ موږ سره اړیکه ونیسئ.

تبلیغ شوی

د جایزې ګټونکي ډیزاینونه وپلټئ

د ورځې د ډیزاین خبره

د ورځې د ډیزاین خبره

DesignAdage