Tsiba uye kumxholo ophambili

Umyili Obalaseleyo Wosuku

Faka Umyili Obalaseleyo Wosuku kwiWebhusayithi Yakho

Umyili Obalaseleyo Wosuku ipapasha into entsha yonke imihla. Idilesi yomfanekiso ayitshintshi, kodwa umfanekiso osemva kwayo uyatshintsha, ngoko ke ufaka ikhowudi kanye kwaye iindwendwe zakho zibona into yanamhlanje ngokuzenzekelayo.

Indlela esebenza ngayo

Yonke imihla umfanekiso omtsha upapashwa kwidilesi enye engaguqukiyo. Iphepha lakho lilowuda loo dilesi, ngoko lisoloko libonisa into yangoku, kwaye ukucofa kusa iindwendwe zakho kwi-Umyili Obalaseleyo Wosuku apho ibali liphelele lixelwa khona.

Ukhetha iskripthi? Yongeza isiqulathi kunye neskripthi enye: iwijethi izoba isitayile osikhetha nge-data-dotd-variant (image, cta okanye card), ngolwimi lwedilesi yeskripthi xa olo lwimi lufumaneka. Ukuba awukwazi ukusebenzisa izikripthi, sebenzisa uhlobo lwe-HTML lwaloo variant inye.

Uhlobo A: umfanekiso kuphela

Umfanekiso wanamhlanje, okhonkciwe kwi-Umyili Obalaseleyo Wosuku. Olona khetho lulula.

Imboniso ephilayo

<a href="https://designerhighlightoftheday.com/xh/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="UMyili Obalaseleyo Wosuku obonisa umyili ogqwesileyo, inxalenye yoluntu loyilo lwehlabathi" 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=xh"></script>

Uhlobo B: umfanekiso kunye nesimemo sokwenza

Umfanekiso wanamhlanje onesimemo sokwenza ngaphantsi.

Imboniso ephilayo

<a href="https://designerhighlightoftheday.com/xh/" 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="UMyili Obalaseleyo Wosuku obonisa umyili ogqwesileyo, inxalenye yoluntu loyilo lwehlabathi" 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 uMyili Obalaseleyo Wosuku</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=xh"></script>

Uhlobo C: ikhadi ye-Bootstrap

Ikhadi ye-Bootstrap enomfanekiso, isihloko sento, isiqendu esifutshane kunye neqhosha lesimemo sokwenza. Iphepha lakho lifuna i-Bootstrap.

Imboniso ephilayo

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/xh/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="UMyili Obalaseleyo Wosuku obonisa umyili ogqwesileyo, inxalenye yoluntu loyilo lwehlabathi" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Umyili Obalaseleyo Wosuku</h5>
    <p class="card-text">Imbasa ye-A' Design Award ibonisa umyili okhokelayo, umakhi ongumsasazi, umntu wobuchule ophezulu okanye umvelisi wezinto ezintsha ngosuku ngalunye njengoMyili Obalaseleyo Wosuku, ibonisa izinto abazifezileyo, umsebenzi wabo wobuchule negalelo labo kwihlabathi loyilo.</p>
    <a href="https://designerhighlightoftheday.com/xh/" class="btn btn-danger" target="_blank" rel="noopener">Fumana uMyili Obalaseleyo Wosuku</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=xh"></script>

Ukhetho 3: JSON

Ngabaphuhlisi, ii-apps kunye ne-automation. I-JSON iqulathe igama, inkcazelo, idilesi yomfanekiso, amakhonkco kunye nomhla. Izicelo ze-cross-origin ziyavunyelwa.

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

Umzekelo wempendulo

{
    "domain": "designerhighlightoftheday.com",
    "name": "Umyili Obalaseleyo Wosuku",
    "feature": "Umyili Obalaseleyo Wosuku",
    "paragraph": "Imbasa ye-A' Design Award ibonisa umyili okhokelayo, umakhi ongumsasazi, umntu wobuchule ophezulu okanye umvelisi wezinto ezintsha ngosuku ngalunye njengoMyili Obalaseleyo Wosuku, ibonisa izinto abazifezileyo, umsebenzi wabo wobuchule negalelo labo kwihlabathi loyilo.",
    "description": "Umyili Obalaseleyo Wosuku ubonisa umyili okhokelayo, umakhi ongumsasazi, umntu wobuchule ophezulu okanye umvelisi wezinto ezintsha ngosuku ngalunye, ubonisa izinto abazifezileyo, umsebenzi wabo wobuchule negalelo labo kwihlabathi loyilo, njengoko kuqatshelwe yiMbasa ye-A' Design Award and Competition enedumela eliphezulu kakhulu.",
    "call_to_action": "Fumana uMyili Obalaseleyo Wosuku",
    "date": "2026-11-08",
    "language": "xh",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "UMyili Obalaseleyo Wosuku obonisa umyili ogqwesileyo, inxalenye yoluntu loyilo lwehlabathi",
    "url": "https://designerhighlightoftheday.com/xh/",
    "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/xh/isiboniso/"
}

Kulungile ukwazi

  • Gcina ikhonkco elijikeleze umfanekiso, ukuze iindwendwe zakho zikwazi ukufumanisa into epheleleyo.
  • Soloko usebenzisa idilesi yomfanekiso eboniswe ngasentla kwaye ungagcini ikopi, ukuze iphepha lakho lihlale lihlaziyekile.
  • Umfanekiso uyazilungelelanisa: awuze ube banzi ngaphezu kwesiqulathi sawo.
  • Ufuna uncedo okanye ifomathi eyenzelwe wena? Nceda uqhagamshelane nathi.

Icaphulo Yedizayini Yosuku

Icaphulo Yedizayini Yosuku

DesignAdage