Yeqa uye engqikithini

Umklami Wosuku

Faka Umklami Wosuku Kusizindalwazi Sakho

Umklami 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-Umklami 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-Umklami Wosuku. Inketho elula kunazo zonke.

Ukubuka bukhoma

<a href="https://designeroftheday.com/zu/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Isithombe soMklami Wosuku esibonisa isazi sobuciko esigujwayo namuhla" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=zu"></script>

Uhlobo B: isithombe nesicelo sokwenza

Isithombe sanamuhla nesicelo sokwenza ngaphansi kwaso.

Ukubuka bukhoma

<a href="https://designeroftheday.com/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/designer-of-the-day/today.png" alt="Isithombe soMklami Wosuku esibonisa isazi sobuciko esigujwayo namuhla" 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 Umklami Wosuku</span>
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/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://designeroftheday.com/zu/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Isithombe soMklami Wosuku esibonisa isazi sobuciko esigujwayo namuhla" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Umklami Wosuku</h5>
    <p class="card-text">Umklomelo we-A' Design Award wethula umklami onekhono elikhulu noma umakhi wezakhiwo womhlaba wonke nsuku zonke, njengoMklami Wosuku, ethula abantu abangemva komsebenzi wobuciko ovelele, ifilosofi yabo yomklamo, amaphrojekthi avelele nezimpumelelo zabo.</p>
    <a href="https://designeroftheday.com/zu/" class="btn btn-danger" target="_blank" rel="noopener">Thola Umklami Wosuku</a>
  </div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/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://designeroftheday.com/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": "designeroftheday.com",
    "name": "Umklami Wosuku",
    "feature": "Umklami Wosuku",
    "paragraph": "Umklomelo we-A' Design Award wethula umklami onekhono elikhulu noma umakhi wezakhiwo womhlaba wonke nsuku zonke, njengoMklami Wosuku, ethula abantu abangemva komsebenzi wobuciko ovelele, ifilosofi yabo yomklamo, amaphrojekthi avelele nezimpumelelo zabo.",
    "description": "Umklami Wosuku wethula umklami onekhono elikhulu noma umakhi wezakhiwo womhlaba wonke nsuku zonke, ethula abantu abamangalisayo abangemva komsebenzi wobuciko ovelele, isizinda sabo sekhono, ifilosofi yomklamo, amaphrojekthi avelele nezimpumelelo ezaziwa nguMklomelo we-A' Design Award and Competition ohlonishwa kakhulu.",
    "call_to_action": "Thola Umklami Wosuku",
    "date": "2026-11-08",
    "language": "zu",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "Isithombe soMklami Wosuku esibonisa isazi sobuciko esigujwayo namuhla",
    "url": "https://designeroftheday.com/zu/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/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.

Isicaphuno Somklamo Sosuku

Isicaphuno Somklamo Sosuku

DesignAdage