Kooxda Naqshadaynta Maalinta
Ku Dhaji Kooxda Naqshadaynta Maalinta Websaydhkaaga
Kooxda Naqshadaynta Maalinta wuxuu maalin walba daabacaa mawduuc cusub. Cinwaanka sawirku ma isbeddelo, laakiin sawirka ka dambeeya waa isbeddelaa, sidaas darteed hal mar ayaad koodhka ku dartaa booqayaashaaduna waxay si toos ah u arkaan mawduuca maanta.
Sida ay u shaqeyso
Maalin walba sawir cusub ayaa lagu daabacaa hal cinwaan go'an. Bogaadu waxay soo raritaa cinwaankaas, sidaas darteed waxay mar walba muujisaa mawduuca hadda jira, riixidduna waxay booqayaashaada u geysaa Kooxda Naqshadaynta Maalinta halkaas oo sheekada oo dhan lagu sheego.
Ma doorbidaysaa iskiribt? Ku dar hal weel iyo hal iskiribt: widget-ku wuxuu sawiraa qaabka aad ku dooratay data-dotd-variant (image, cta ama card), luqadda cinwaanka iskiribtka marka luqaddaas la heli karo. Haddii aadan iskiribtyo isticmaali karin, isticmaal nooca HTML ee isla noocaas ah.
Nooca A: sawir kaliya
Sawirka maanta, oo ku xiran Kooxda Naqshadaynta Maalinta. Doorashada ugu fudud.
Muuqaal toos ah
<a href="https://designteamoftheday.com/so/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Kooxda Naqshadaynta Maalinta ee abaalmarinta ku guuleysatay oo ku wada shaqaynaysa mashruucyo cusub" loading="lazy" style="max-width:100%;height:auto">
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=so"></script>Nooca B: sawir iyo baaq tallaabo
Sawirka maanta oo leh baaq tallaabo hoostiisa ku yaal.
Muuqaal toos ah
<a href="https://designteamoftheday.com/so/" 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-team-of-the-day/today.png" alt="Kooxda Naqshadaynta Maalinta ee abaalmarinta ku guuleysatay oo ku wada shaqaynaysa mashruucyo cusub" 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">Ogaaw Kooxda Naqshadaynta Maalinta</span>
</a><div data-dotd="designteamoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=so"></script>Nooca C: kaarka Bootstrap
Kaarka Bootstrap oo leh sawirka, cinwaanka mawduuca, cutub gaaban iyo badhanka baaq tallaabooyinka. Bogaadu waxay u baahan tahay Bootstrap.
Muuqaal toos ah
<div class="card" style="max-width:24rem">
<a href="https://designteamoftheday.com/so/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Kooxda Naqshadaynta Maalinta ee abaalmarinta ku guuleysatay oo ku wada shaqaynaysa mashruucyo cusub" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Kooxda Naqshadaynta Maalinta</h5>
<p class="card-text">Abaalmarinta Naqshadaynta A' waxay xustaa kooxaha hal-abuurka ee ka dambeeya naqshadaynta, dhismaha iyo mashruucyada cusub ee gaarka ah, oo ah Kooxda Naqshadaynta Maalinta, iyadoo soo bandhigaysa istudioyooyinka hoggaamiya oo iskaashigooda, aragtidooda wadaagsan iyo khibradooda ay ku muuqato.</p>
<a href="https://designteamoftheday.com/so/" class="btn btn-danger" target="_blank" rel="noopener">Ogaaw Kooxda Naqshadaynta Maalinta</a>
</div>
</div><div data-dotd="designteamoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.com/feature.js?lang=so"></script>Doorashada 3: JSON
Horumariyeyaasha, ablikayshanada iyo otomeyshinka. JSON-ku wuxuu ka kooban yahay magaca, sharaxaadda, cinwaanka sawirka, xiriiriyeyaasha iyo taariikhda. Codsiyada cross-origin waa la ogol yahay.
fetch("https://designteamoftheday.com/feature.json?lang=so")
.then(function (r) { return r.json(); })
.then(function (d) {
// d.name, d.feature, d.paragraph, d.image, d.url, d.date ...
});Tusaale jawaab ah
{
"domain": "designteamoftheday.com",
"name": "Kooxda Naqshadaynta Maalinta",
"feature": "Kooxda Naqshadaynta Maalinta",
"paragraph": "Abaalmarinta Naqshadaynta A' waxay xustaa kooxaha hal-abuurka ee ka dambeeya naqshadaynta, dhismaha iyo mashruucyada cusub ee gaarka ah, oo ah Kooxda Naqshadaynta Maalinta, iyadoo soo bandhigaysa istudioyooyinka hoggaamiya oo iskaashigooda, aragtidooda wadaagsan iyo khibradooda ay ku muuqato.",
"description": "Kooxda Naqshadaynta Maalinta waxay xustaa kooxaha hal-abuurka ee ka dambeeya mashruucyada naqshadaynta, dhismaha iyo hal-abuurka gaarka ah, iyadoo soo bandhigaysa naqshadeeyayaasha caalamiga ah, dhisme-abuurlayaasha iyo kooxaha naqshadaynta ee hoggaamiya adduunka oo iskaashigooda, aragtidooda wadaagsan iyo khibradooda ay ku aqoonsatay Abaalmarinta Naqshadaynta A' ee aadka u sharafta leh.",
"call_to_action": "Ogaaw Kooxda Naqshadaynta Maalinta",
"date": "2026-11-08",
"language": "so",
"image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
"image_alt": "Kooxda Naqshadaynta Maalinta ee abaalmarinta ku guuleysatay oo ku wada shaqaynaysa mashruucyo cusub",
"url": "https://designteamoftheday.com/so/",
"feature_url": "https://competition.adesignaward.com/design-team-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-teams-of-the-days.php",
"embed_url": "https://designteamoftheday.com/so/soo-bandhigid/"
}Wax wanaagsan oo la ogaado
- Xiriirka sawirka ku wareejisan sii hay, si booqayaashaadu ay u ogaadaan mawduuca oo dhan.
- Mar walba isticmaal cinwaanka sawirka ee kor ku muuqda, hana kaydin nuqul, si bogaadu u sii ahaato mid cusub.
- Sawirku waa la waafajiyaa: waligiis kama ballaadho weelkiisa.
- Caawimo ma u baahan tahay ama qaab gaar ah? Fadlan nala soo xiriir.