Sehlopha sa Moralo sa Letsatsi

Kenya Sehlopha sa Moralo sa Letsatsi Websaeteng ya Hao

Sehlopha sa Moralo sa Letsatsi e phatlalatsa ntho e ntjha letsatsi le leng le le leng. Aterese ya setshwantsho ha e fetohe, empa setshwantsho se ka morao ho yona sea fetoha, kahoo o kenya khoutu hang feela mme baeti ba hao ba bona ntho ya kajeno ka bo eona.

E sebetsa jwang

Letsatsi le leng le le leng setshwantsho se setjha se phatlalatswa atereseng e le nngwe e sa fetoheng. Leqephe la hao le laela aterese eo, kahoo le dula le bontsha ntho ya hajwale, mme ha motho a tobetsa baeti ba hao ba iswa ho Sehlopha sa Moralo sa Letsatsi moo pale e felletseng e phatlalatsitsweng teng.

O batla script? Kenya setshelo se le seng le script e le nngwe: widget e taka setaele seo o se kgethang ka data-dotd-variant (image, cta kapa card), ka puo ya aterese ya script ha puo eo e fumaneha. Haeba o ke ke wa sebedisa di-script, sebedisa mofuta wa HTML wa variant e tshwanang.

Mofuta wa A: setshwantsho feela

Setshwantsho sa kajeno, se hokahantsweng le Sehlopha sa Moralo sa Letsatsi. Kgetho e bobebe ka ho fetisisa.

Ponelopele e phelang

<a href="https://designteamoftheday.org/st/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" alt="Sehlopha sa Moralo sa Letsatsi se hapileng moputso se sebedisanang diprojekeng tse ntjha" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designteamoftheday.org" data-dotd-variant="image"></div>
<script async src="https://designteamoftheday.org/feature.js?lang=st"></script>

Mofuta wa B: setshwantsho le mohoo wa ketso

Setshwantsho sa kajeno se nang le mohoo wa ketso ka tlase.

Ponelopele e phelang

<a href="https://designteamoftheday.org/st/" 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="Sehlopha sa Moralo sa Letsatsi se hapileng moputso se sebedisanang diprojekeng tse ntjha" 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">Fumana Sehlopha sa Moralo sa Letsatsi</span>
</a>

<div data-dotd="designteamoftheday.org" data-dotd-variant="cta"></div>
<script async src="https://designteamoftheday.org/feature.js?lang=st"></script>

Mofuta wa C: karete ya Bootstrap

Karete ya Bootstrap e nang le setshwantsho, sehlooho sa ntho e hlahiswang, serapa se sekgutshwane le konopo ya mohoo wa ketso. Leqephe la hao le hloka Bootstrap.

Ponelopele e phelang

<div class="card" style="max-width:24rem">
  <a href="https://designteamoftheday.org/st/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-team-of-the-day/today.png" class="card-img-top" alt="Sehlopha sa Moralo sa Letsatsi se hapileng moputso se sebedisanang diprojekeng tse ntjha" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Sehlopha sa Moralo sa Letsatsi</h5>
    <p class="card-text">A' Design Award e keteka dihlopha tsa boiqapelo tse ka mora diprojeke tse kgethehileng tsa moralo, boahi le boiqapelo, e le Sehlopha sa Moralo sa Letsatsi, e hlahisa di-studio tse etelletseng pele tseo tshebedisano ya tsona, pono e kopanetsweng le bokgoni bo kgethehileng.</p>
    <a href="https://designteamoftheday.org/st/" class="btn btn-danger" target="_blank" rel="noopener">Fumana Sehlopha sa Moralo sa Letsatsi</a>
  </div>
</div>

<div data-dotd="designteamoftheday.org" data-dotd-variant="card"></div>
<script async src="https://designteamoftheday.org/feature.js?lang=st"></script>

Kgetho ya 3: JSON

Bakeng sa bahlahisi ba software, di-app le tshebetso e iketsang. JSON e na le lebitso, tlhaloso, aterese ya setshwantsho, dilinke le letsatsi. Dikopo tsa cross-origin di a dumelleha.

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

Mohlala wa karabo

{
    "domain": "designteamoftheday.org",
    "name": "Sehlopha sa Moralo sa Letsatsi",
    "feature": "Sehlopha sa Moralo sa Letsatsi",
    "paragraph": "A' Design Award e keteka dihlopha tsa boiqapelo tse ka mora diprojeke tse kgethehileng tsa moralo, boahi le boiqapelo, e le Sehlopha sa Moralo sa Letsatsi, e hlahisa di-studio tse etelletseng pele tseo tshebedisano ya tsona, pono e kopanetsweng le bokgoni bo kgethehileng.",
    "description": "Sehlopha sa Moralo sa Letsatsi se totobatsa sehlopha sa boiqapelo se etelletseng pele se bopang moralo wa kajeno letsatsi le leng le le leng, se hlahisa batho ba boiqapelo, dihlopha tse sebedisanang, ditshebetso, mehopolo e kopanetsweng le bokgoni ba profeshenale bo ka mora diprojeke tse kgethehileng tse amohetsweng ke A' Design Award and Competition e hlomphehang haholo.",
    "call_to_action": "Fumana Sehlopha sa Moralo sa Letsatsi",
    "date": "2026-11-15",
    "language": "st",
    "image": "https://competition.adesignaward.com/design-team-of-the-day/today.png",
    "image_alt": "Sehlopha sa Moralo sa Letsatsi se hapileng moputso se sebedisanang diprojekeng tse ntjha",
    "url": "https://designteamoftheday.org/st/",
    "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.org/st/setshwantsho/"
}

Tse molemo ho di tseba

Boloka linke e potapotileng setshwantsho, e le hore baeti ba hao ba ka fumana pale e felletseng.
Sebedisa kamehla aterese ya setshwantsho e bontshitsweng ka hodimo mme o se ke wa boloka khopi, e le hore leqephe la hao le dule le ntjhafetse.
Setshwantsho se a ikamahanya: ha se ke se eba se seholo ho feta setshelo sa sona.
O hloka thuso kapa formate e ikgethang? Ka kopo ikopanye le rona.

E tshehetsitsweng

Fumana Ditheho tse Hapileng Dikgau