Ikigango cy'Igishushanyo
Shyira Ikigango cy'Igishushanyo cy'Umunsi ku rubuga rwawe
Ikigango cy'Igishushanyo 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 Ikigango cy'Igishushanyo 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 Ikigango cy'Igishushanyo. Ni uburyo butwara bike kuruta ibindi.
Igaragaza rikora
<a href="https://thedesignlegend.com/rw/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" alt="Ikigango cy'Igishushanyo cy'Umunsi kiranga ibyagezweho mu buzima bwose bw'ubuhanga mu gishushanyo" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="image"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.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-legend-of-the-day/today.png" alt="Ikigango cy'Igishushanyo cy'Umunsi kiranga ibyagezweho mu buzima bwose bw'ubuhanga mu gishushanyo" 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 Ikigango cy'Igishushanyo cy'Umunsi</span>
</a>
<div data-dotd="thedesignlegend.com" data-dotd-variant="cta"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.com/rw/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-legend-of-the-day/today.png" class="card-img-top" alt="Ikigango cy'Igishushanyo cy'Umunsi kiranga ibyagezweho mu buzima bwose bw'ubuhanga mu gishushanyo" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Ikigango cy'Igishushanyo cy'Umunsi</h5>
<p class="card-text">Igihembo cya A' Design Award kishimira umuhanzi w'igishushanyo ugira ingaruka nini cyangwa umwubatsi w'amazu w'ikirango mpuzamahanga ufite umwuga udasanzwe, ibikorwa by'ikigango n'ibitekerezo bishya byahinduye amateka n'iterambere ry'igishushanyo nk'Ikigango cy'Igishushanyo cy'Umunsi.</p>
<a href="https://thedesignlegend.com/rw/" class="btn btn-danger" target="_blank" rel="noopener">Menya Ikigango cy'Igishushanyo cy'Umunsi</a>
</div>
</div>
<div data-dotd="thedesignlegend.com" data-dotd-variant="card"></div>
<script async src="https://thedesignlegend.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://thedesignlegend.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": "thedesignlegend.com",
"name": "Ikigango cy'Igishushanyo",
"feature": "Ikigango cy'Igishushanyo cy'Umunsi",
"paragraph": "Igihembo cya A' Design Award kishimira umuhanzi w'igishushanyo ugira ingaruka nini cyangwa umwubatsi w'amazu w'ikirango mpuzamahanga ufite umwuga udasanzwe, ibikorwa by'ikigango n'ibitekerezo bishya byahinduye amateka n'iterambere ry'igishushanyo nk'Ikigango cy'Igishushanyo cy'Umunsi.",
"description": "Ikigango cy'Igishushanyo gishimira abahanzi b'igishushanyo bagira ingaruka nini n'abwubatsi b'amazu b'ikirango mpuzamahanga bafite umwuga udasanzwe, ibikorwa by'ikigango, ibitekerezo bishya n'umusanzu urambye wahinduye amateka n'iterambere ry'igishushanyo, bigaragaza abantu b'ubuhanga n'ibyagezweho byemezwa n'igihembo gikomeye cya A' Design Award and Competition.",
"call_to_action": "Menya Ikigango cy'Igishushanyo cy'Umunsi",
"date": "2026-11-08",
"language": "rw",
"image": "https://competition.adesignaward.com/design-legend-of-the-day/today.png",
"image_alt": "Ikigango cy'Igishushanyo cy'Umunsi kiranga ibyagezweho mu buzima bwose bw'ubuhanga mu gishushanyo",
"url": "https://thedesignlegend.com/rw/",
"feature_url": "https://competition.adesignaward.com/design-legend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-legends-of-the-days.php",
"embed_url": "https://thedesignlegend.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.