بڕۆ بۆ ناوەڕۆکی سەرەکی

دیزاینی ڕۆژ

دیزاینی ڕۆژ لە ماڵپەڕەکەتدا دابنێ

دیزاینی ڕۆژ هەموو ڕۆژێک بابەتێکی نوێ بڵاو دەکاتەوە. ناونیشانی وێنەکە هەرگیز ناگۆڕێت، بەڵام وێنەی پشتەوەی دەگۆڕێت، بۆیە کۆدەکە یەک جار زیاد دەکەیت و سەردانیکارانت خۆکارانە بابەتی ئەمڕۆ دەبینن.

چۆن کار دەکات

هەموو ڕۆژێک وێنەیەکی نوێ لە ناونیشانێکی جێگیردا بڵاو دەکرێتەوە. پەڕەکەت ئەو ناونیشانە بار دەکات، بۆیە هەمیشە بابەتی ئێستا پیشان دەدات، و کلیک سەردانیکارانت دەبات بۆ دیزاینی ڕۆژ کە چیرۆکی تەواو لەوێ گێڕدراوەتەوە.

سکریپتت پێ خۆشە؟ یەک بۆکس و یەک سکریپت زیاد بکە: ویجێتەکە ئەو شێوازە دەکێشێت کە بە data-dotd-variant هەڵیدەبژێریت (image، cta یان card)، بە زمانی ناونیشانی سکریپتەکە کاتێک ئەو زمانە بەردەستە. ئەگەر ناتوانیت سکریپت بەکاربهێنیت، وەشانی HTMLی هەمان شێواز بەکاربهێنە.

شێوازی A: تەنها وێنە

وێنەی ئەمڕۆ، بەستەردراوە بۆ دیزاینی ڕۆژ. سووکترین هەڵبژاردە.

پێشبینینی زیندوو

<a href="https://designoftheday.org/ku/" 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=ku"></script>

شێوازی B: وێنە و بانگەواز

وێنەی ئەمڕۆ لەگەڵ بانگەوازێک لە خوارەوە.

پێشبینینی زیندوو

<a href="https://designoftheday.org/ku/" 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=ku"></script>

شێوازی C: کارتی Bootstrap

کارتێکی Bootstrap لەگەڵ وێنەکە، ناونیشانی بابەتەکە، پەرەگرافێکی کورت و دوگمەی بانگەواز. پەڕەکەت پێویستی بە Bootstrap هەیە.

پێشبینینی زیندوو

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/ku/" 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' هەر ڕۆژ دیزاینێکی سەرنجڕاکێش، بەرهەمێکی تەواو نوێ یان پڕۆژەیەکی زۆر داهێنەرانە وەک دیزاینی ڕۆژ پیشان دەدات، بە نیشاندانی نموونە بەرچاوەکانی داهێنان و دیزاینی باش.</p>
    <a href="https://designoftheday.org/ku/" 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=ku"></script>

هەڵبژاردەی ٣: JSON

بۆ گەشەپێدەران، ئەپەکان و ئۆتۆماتیزەکردن. JSON ناو، وەسف، ناونیشانی وێنە، بەستەرەکان و بەروارەکە لەخۆ دەگرێت. داواکاری cross-origin ڕێگەپێدراوە.

fetch("https://designoftheday.org/feature.json?lang=ku")
  .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' هەر ڕۆژ دیزاینێکی سەرنجڕاکێش، بەرهەمێکی تەواو نوێ یان پڕۆژەیەکی زۆر داهێنەرانە وەک دیزاینی ڕۆژ پیشان دەدات، بە نیشاندانی نموونە بەرچاوەکانی داهێنان و دیزاینی باش.",
    "description": "دیزاینی ڕۆژ هەر ڕۆژ دیزاینێکی سەرنجڕاکێش، بەرهەمێکی تەواو نوێ یان پڕۆژەیەکی زۆر داهێنەرانە نیشان دەدات، بە نیشاندانی نموونە بەرچاوەکانی داهێنان و دیزاینی باش کە لەلایەن خەڵاتی زۆر شکۆمەندی A' Design Award and Competition ناسراون.",
    "call_to_action": "دیزاینی ڕۆژ بدۆزەرەوە",
    "date": "2026-11-08",
    "language": "ku",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "دیزاینی ڕۆژی تایبەتمەند کە شیاوبوونی داهێنەرانەی خەڵاتخستوو نیشان دەدات",
    "url": "https://designoftheday.org/ku/",
    "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/ku/taybetmendi/"
}

باشە بزانیت

  • بەستەرەکە لە دەوری وێنەکەدا بهێڵەوە، بۆ ئەوەی سەردانیکارانت بتوانن بابەتی تەواو ببینن.
  • هەمیشە ناونیشانی وێنەی سەرەوە بەکاربهێنە و کۆپییەک هەڵمەگرە، بۆ ئەوەی پەڕەکەت نوێ بمێنێتەوە.
  • وێنەکە ڕێسپۆنسیڤە: هەرگیز فراوانتر لە بۆکسەکەی نابێت.
  • پێویستت بە یارمەتی هەیە یان فۆرماتێکی تایبەت دەتەوێت؟ تکایە پەیوەندیمان پێوە بکە.

وتەی دیزاینی ڕۆژ

وتەی دیزاینی ڕۆژ

DesignAdage