Umklamo Wosuku

Faka Umklamo Wosuku Kusizindalwazi Sakho

Umklamo Wosuku ishicilela okusha nsuku zonke. Ikheli lesithombe alisoze lashintsha, kodwa isithombe esingemuva kwalo siyashintsha, ngakho ufaka ikhodi kanye bese izivakashi zakho zibona okokuqala kwanamuhla ngokuzenzakalela.

Kusebenza kanjani

Nsuku zonke isithombe esisha sishicilelwa ekhelini elilodwa elingaguquki. Ikhasi lakho lilayisha lelo kheli, ngakho lihlale libonisa okokuqala kwamanje, futhi ukuchofoza kuthatha izivakashi zakho ku-Umklamo Wosuku lapho indaba ephelele ixoxwa khona.

Ukhetha iskripthi? Engeza isiqukathi esisodwa neskripthi esisodwa: i-widget idweba isitayela osikhetha nge-data-dotd-variant (image, cta noma card), ngolimi lwekheli leskripthi uma lolo limi lutholakala. Uma ungakwazi ukusebenzisa amaskripthi, sebenzisa uhlobo lwe-HTML lwaleyo variant efanayo.

Uhlobo A: isithombe kuphela

Isithombe sanamuhla, sixhunywe ku-Umklamo Wosuku. Inketho elula kunazo zonke.

Ukubuka bukhoma

<a href="https://designoftheday.org/zu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-of-the-day/today.png" alt="Umklamo Wosuku Okhethiwe obonisa ubuciko obuwine umklomelo" loading="lazy" style="max-width:100%;height:auto">
</a>

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

Uhlobo B: isithombe nesicelo sokwenza

Isithombe sanamuhla nesicelo sokwenza ngaphansi kwaso.

Ukubuka bukhoma

<a href="https://designoftheday.org/zu/" 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-of-the-day/today.png" alt="Umklamo Wosuku Okhethiwe obonisa ubuciko obuwine umklomelo" 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">Thola Umklamo Wosuku</span>
</a>

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

Uhlobo C: ikhadi le-Bootstrap

Ikhadi le-Bootstrap elinomfanekiso, isihloko sokuqala, isigaba esifushane neqhosha lesicelo sokwenza. Ikhasi lakho lidinga i-Bootstrap.

Ukubuka bukhoma

<div class="card" style="max-width:24rem">
  <a href="https://designoftheday.org/zu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-of-the-day/today.png" class="card-img-top" alt="Umklamo Wosuku Okhethiwe obonisa ubuciko obuwine umklomelo" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Umklamo Wosuku</h5>
    <p class="card-text">Umklomelo we-A' Design Award ubonisa umsebenzi womklamo ovelele, umkhiqizo onesimanjemanje olusha kakhulu noma iphrojekthi enobuhlakani nsuku zonke njengomklamo Wosuku, ubonisa izibonelo ezivelele zobuciko nomklamo omuhle.</p>
    <a href="https://designoftheday.org/zu/" class="btn btn-danger" target="_blank" rel="noopener">Thola Umklamo Wosuku</a>
  </div>
</div>

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

Inketho 3: JSON

Ngabakhi bohlelo lokusebenza, ama-apps nokuzenzakalela. I-JSON iqukethe igama, incazelo, ikheli lesithombe, izixhumanisi nosuku. Izicelo ze-cross-origin zivumelekile.

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

Isibonelo sempendulo

{
    "domain": "designoftheday.org",
    "name": "Umklamo Wosuku",
    "feature": "Umklamo Wosuku",
    "paragraph": "Umklomelo we-A' Design Award ubonisa umsebenzi womklamo ovelele, umkhiqizo onesimanjemanje olusha kakhulu noma iphrojekthi enobuhlakani nsuku zonke njengomklamo Wosuku, ubonisa izibonelo ezivelele zobuciko nomklamo omuhle.",
    "description": "Umklamo Wosuku ubonisa umsebenzi womklamo ovelele, umkhiqizo onesimanjemanje olusha kakhulu noma iphrojekthi enobuhlakani nsuku zonke, ubonisa izibonelo ezivelele zobuciko nomklamo omuhle owaziwa nguMklomelo we-A' Design Award and Competition ohlonishwa kakhulu.",
    "call_to_action": "Thola Umklamo Wosuku",
    "date": "2026-11-08",
    "language": "zu",
    "image": "https://competition.adesignaward.com/design-of-the-day/today.png",
    "image_alt": "Umklamo Wosuku Okhethiwe obonisa ubuciko obuwine umklomelo",
    "url": "https://designoftheday.org/zu/",
    "feature_url": "https://competition.adesignaward.com/design-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designs-of-the-days.php",
    "embed_url": "https://designoftheday.org/zu/okuboniswa/"
}

Okuhle ongakwazi

Gcina isixhumanisi esizungeze isithombe, ukuze izivakashi zakho zikwazi ukuthola okuqala okuphelele.
Hlale usebenzisa ikheli lesithombe eliboniswe ngenhla futhi ungagcini ikhophi, ukuze ikhasi lakho lihlale libuyekezwe.
Isithombe siyazivumelanisa: asisayi side kunesiqukathi saso.
Udinga usizo noma ifomethi ekhethekile? Sicela uxhumane nathi.

Okukhokhelwayo

Thola Imiklamo Enqobe Imiklomelo