Simbuka ujye ku biri muri paji

Ikimenyetso cy'Igishushanyo cy'Umunsi

Shyira Ikimenyetso cy'Igishushanyo cy'Umunsi ku rubuga rwawe

Ikimenyetso cy'Igishushanyo cy'Umunsi itangaza ikintu gishya buri munsi. Aderesi y'ishusho ntihinduka, ariko ishusho iri inyuma yayo irahinduka, bityo ushyiraho kode rimwe gusa naho abashyitsi bawe bakabona ikintu cy'uyu munsi mu buryo bwikora.

Uko bikora

Buri munsi ishusho nshya itangazwa kuri aderesi imwe ihamye. Ipaji yawe ishakira kuri iyo aderesi, bityo igaragaza buri gihe ikintu cy'ubu, naho gukanda biganisha abashyitsi bawe kuri Ikimenyetso cy'Igishushanyo cy'Umunsi aho inkuru yose itangazwa.

Ushaka script? Ongeraho container imwe na script imwe: widget izashushanya isura uhitamo ukoresheje data-dotd-variant (image, cta cyangwa card), mu rurimi rw'aderesi ya script iyo urwo rurimi ruhari. Niba udashobora gukoresha script, koresha verisiyo ya HTML y'isura imwe.

Ubwoko A: ishusho gusa

Ishusho y'uyu munsi, ihuza kuri Ikimenyetso cy'Igishushanyo cy'Umunsi. Ni uburyo butwara bike kuruta ibindi.

Igaragaza rikora

<a href="https://designbrandoftheday.com/rw/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="Ikimenyetso cy'Igishushanyo cy'Umunsi kigaragaza ikimenyetso gishingiye ku gishushanyo gikesha ubuhanga bwihariye" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=rw"></script>

Ubwoko B: ishusho n'ihamagariro ry'igikorwa

Ishusho y'uyu munsi hamwe n'ihamagariro ry'igikorwa munsi yayo.

Igaragaza rikora

<a href="https://designbrandoftheday.com/rw/" 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-brand-of-the-day/today.png" alt="Ikimenyetso cy'Igishushanyo cy'Umunsi kigaragaza ikimenyetso gishingiye ku gishushanyo gikesha ubuhanga bwihariye" 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">Menya Ikimenyetso cy'Igishushanyo cy'Umunsi</span>
</a>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=rw"></script>

Ubwoko C: ikarita ya Bootstrap

Ikarita ya Bootstrap irimo ishusho, umutwe w'ikintu cyatangazwe, interuro ngufi n'ibuto ry'ihamagariro ry'igikorwa. Ipaji yawe ikeneye Bootstrap.

Igaragaza rikora

<div class="card" style="max-width:24rem">
  <a href="https://designbrandoftheday.com/rw/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="Ikimenyetso cy'Igishushanyo cy'Umunsi kigaragaza ikimenyetso gishingiye ku gishushanyo gikesha ubuhanga bwihariye" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Ikimenyetso cy'Igishushanyo cy'Umunsi</h5>
    <p class="card-text">Igihembo cya A' Design Award kigaragaza ikimenyetso cy'isosiyete gishingiye ku gishushanyo cy'ikirango mpuzamahanga buri munsi nk'Ikimenyetso cy'Igishushanyo cy'Umunsi, kiranga umwirondoro wacyo, icyerekezo cy'ubuhanga, ibicuruzwa, imishinga ya sosiyete n'uburyo bwihariye bw'igishushanyo.</p>
    <a href="https://designbrandoftheday.com/rw/" class="btn btn-danger" target="_blank" rel="noopener">Menya Ikimenyetso cy'Igishushanyo cy'Umunsi</a>
  </div>
</div>
<div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=rw"></script>

Uburyo bwa 3: JSON

Ku banyabukorikori, porogaramu n'ibikorwa byikora. JSON irimo izina, ibisobanuro, aderesi y'ishusho, amahuza n'itariki. Ibisabwa biva ku zindi serveri biremererwa.

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

Urugero rw'igisubizo

{
    "domain": "designbrandoftheday.com",
    "name": "Ikimenyetso cy'Igishushanyo cy'Umunsi",
    "feature": "Ikimenyetso cy'Igishushanyo cy'Umunsi",
    "paragraph": "Igihembo cya A' Design Award kigaragaza ikimenyetso cy'isosiyete gishingiye ku gishushanyo cy'ikirango mpuzamahanga buri munsi nk'Ikimenyetso cy'Igishushanyo cy'Umunsi, kiranga umwirondoro wacyo, icyerekezo cy'ubuhanga, ibicuruzwa, imishinga ya sosiyete n'uburyo bwihariye bw'igishushanyo.",
    "description": "Ikimenyetso cy'Igishushanyo cy'Umunsi kigaragaza ikimenyetso cy'isosiyete gishingiye ku gishushanyo cy'ikirango mpuzamahanga buri munsi, kiranga umwirondoro, icyerekezo cy'ubuhanga, ibicuruzwa, imishinga ya sosiyete n'uburyo bwihariye bw'igishushanyo, nk'uko byemezwa n'igihembo gikomeye cya A' Design Award and Competition.",
    "call_to_action": "Menya Ikimenyetso cy'Igishushanyo cy'Umunsi",
    "date": "2026-11-08",
    "language": "rw",
    "image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
    "image_alt": "Ikimenyetso cy'Igishushanyo cy'Umunsi kigaragaza ikimenyetso gishingiye ku gishushanyo gikesha ubuhanga bwihariye",
    "url": "https://designbrandoftheday.com/rw/",
    "feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
    "embed_url": "https://designbrandoftheday.com/rw/igaragazwa/"
}

Ibikwiye kumenya

  • Komeza ihuza rikikije ishusho, kugira ngo abashyitsi bawe bashobore kubona ikintu cyose cyatangazwe.
  • Buri gihe koresha aderesi y'ishusho igaragara hejuru kandi ntushyire kopi, kugira ngo ipaji yawe ikomeze kuba nshya.
  • Ishusho irahindagurika: ntiyigera iba ngari kuruta container yayo.
  • Ukeneye ubufasha cyangwa imiterere idasanzwe? Nyamuneka twandikire.

Ijambo ry'Igishushanyo ry'Uyu Munsi

Ijambo ry'Igishushanyo ry'Uyu Munsi

DesignAdage