U bood nuxurka

Naqshadeeye La Xusay Maalinta

Ku Dhaji Naqshadeeye La Xusay Maalinta Websaydhkaaga

Naqshadeeye La Xusay 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 Naqshadeeye La Xusay 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 Naqshadeeye La Xusay Maalinta. Doorashada ugu fudud.

Muuqaal toos ah

<a href="https://designerhighlightoftheday.com/so/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Naqshadeeye La Xusay Maalinta oo muujinaya naqshadeeye cajiib ah oo ka tirsan bulshada caalamiga ah ee naqshadaynta" 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=so"></script>

Nooca B: sawir iyo baaq tallaabo

Sawirka maanta oo leh baaq tallaabo hoostiisa ku yaal.

Muuqaal toos ah

<a href="https://designerhighlightoftheday.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/highlight-of-the-day/today.png" alt="Naqshadeeye La Xusay Maalinta oo muujinaya naqshadeeye cajiib ah oo ka tirsan bulshada caalamiga ah ee naqshadaynta" 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 Naqshadeeye La Xusay Maalinta</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.com/so/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Naqshadeeye La Xusay Maalinta oo muujinaya naqshadeeye cajiib ah oo ka tirsan bulshada caalamiga ah ee naqshadaynta" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Naqshadeeye La Xusay Maalinta</h5>
    <p class="card-text">Abaalmarinta Naqshadaynta A' waxay maalin kasta soo bandhigtaa naqshadeeye hoggaamiye ah, dhisme-abuurle weyn, hal-abuurle sare ama hal-abuure cusub oo ah Naqshadeeye La Xusay Maalinta, iyadoo muujinaysa guulahoodii, shaqadooda hal-abuurka iyo waxqabadkoodii dunida naqshadaynta.</p>
    <a href="https://designerhighlightoftheday.com/so/" class="btn btn-danger" target="_blank" rel="noopener">Ogaaw Naqshadeeye La Xusay Maalinta</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.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://designerhighlightoftheday.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": "designerhighlightoftheday.com",
    "name": "Naqshadeeye La Xusay Maalinta",
    "feature": "Naqshadeeye La Xusay Maalinta",
    "paragraph": "Abaalmarinta Naqshadaynta A' waxay maalin kasta soo bandhigtaa naqshadeeye hoggaamiye ah, dhisme-abuurle weyn, hal-abuurle sare ama hal-abuure cusub oo ah Naqshadeeye La Xusay Maalinta, iyadoo muujinaysa guulahoodii, shaqadooda hal-abuurka iyo waxqabadkoodii dunida naqshadaynta.",
    "description": "Naqshadeeye La Xusay Maalinta waxay maalin kasta soo bandhigtaa naqshadeeye hoggaamiye ah, dhisme-abuurle weyn, hal-abuurle sare ama hal-abuure cusub, iyadoo muujinaysa guulahoodii, shaqadooda hal-abuurka iyo waxqabadkoodii dunida naqshadaynta, sida ay u aqoonsatay Abaalmarinta Naqshadaynta A' ee aadka u sharafta leh.",
    "call_to_action": "Ogaaw Naqshadeeye La Xusay Maalinta",
    "date": "2026-11-08",
    "language": "so",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Naqshadeeye La Xusay Maalinta oo muujinaya naqshadeeye cajiib ah oo ka tirsan bulshada caalamiga ah ee naqshadaynta",
    "url": "https://designerhighlightoftheday.com/so/",
    "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/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.

Odhaahda Naqshadeynta Maanta

Odhaahda Naqshadeynta Maanta

DesignAdage