Ruka hadi maudhui makuu

Mbuni Mashuhuri wa Siku

Weka Mbuni Mashuhuri wa Siku kwenye Tovuti Yako

Mbuni Mashuhuri wa Siku inachapisha kipengele kipya kila siku. Anwani ya picha haibadiliki kamwe, lakini picha nyuma yake inabadilika, kwa hivyo unaongeza msimbo mara moja na wageni wako wanaona kipengele cha leo kiotomatiki.

Jinsi inavyofanya kazi

Kila siku picha mpya inachapishwa kwenye anwani moja isiyobadilika. Ukurasa wako unapakia anwani hiyo, kwa hivyo daima unaonyesha kipengele cha sasa, na kubofya kunawapeleka wageni wako kwenye Mbuni Mashuhuri wa Siku ambapo hadithi kamili inaelezwa.

Unapendelea hati? Ongeza kontena moja na hati moja: wijeti inachora mtindo unaochagua kwa data-dotd-variant (image, cta au card), katika lugha ya anwani ya hati wakati lugha hiyo inapatikana. Ikiwa huwezi kuendesha hati, tumia toleo la HTML la lahaja hiyo hiyo.

Lahaja A: picha peke yake

Picha ya leo, iliyounganishwa na Mbuni Mashuhuri wa Siku. Chaguo nyepesi zaidi.

Onyesho la moja kwa moja

<a href="https://designerhighlightoftheday.com/sw/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" alt="Mbuni Mashuhuri wa Siku akionyesha mbuni wa ajabu, sehemu ya jumuiya ya muundo duniani" 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=sw"></script>

Lahaja B: picha na wito wa kuchukua hatua

Picha ya leo na wito wa kuchukua hatua chini yake.

Onyesho la moja kwa moja

<a href="https://designerhighlightoftheday.com/sw/" 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="Mbuni Mashuhuri wa Siku akionyesha mbuni wa ajabu, sehemu ya jumuiya ya muundo duniani" 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">Gundua Mbuni Mashuhuri wa Siku</span>
</a>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=sw"></script>

Lahaja C: kadi ya Bootstrap

Kadi ya Bootstrap yenye picha, kichwa cha kipengele, aya fupi na kitufe cha wito wa kuchukua hatua. Ukurasa wako unahitaji Bootstrap.

Onyesho la moja kwa moja

<div class="card" style="max-width:24rem">
  <a href="https://designerhighlightoftheday.com/sw/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/highlight-of-the-day/today.png" class="card-img-top" alt="Mbuni Mashuhuri wa Siku akionyesha mbuni wa ajabu, sehemu ya jumuiya ya muundo duniani" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Mbuni Mashuhuri wa Siku</h5>
    <p class="card-text">Tuzo ya A' Design inaangazia mbuni mkuu, mbunimajengo maarufu, mbunifu bora au mvumbuzi kila siku kama Mbuni Mashuhuri wa Siku, ikionyesha mafanikio yao, kazi za ubunifu na michango yao katika ulimwengu wa muundo.</p>
    <a href="https://designerhighlightoftheday.com/sw/" class="btn btn-danger" target="_blank" rel="noopener">Gundua Mbuni Mashuhuri wa Siku</a>
  </div>
</div>
<div data-dotd="designerhighlightoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designerhighlightoftheday.com/feature.js?lang=sw"></script>

Chaguo la 3: JSON

Kwa watengenezaji programu, programu na otomatiki. JSON ina jina, maelezo, anwani ya picha, viungo na tarehe. Maombi ya cross-origin yanaruhusiwa.

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

Mfano wa jibu

{
    "domain": "designerhighlightoftheday.com",
    "name": "Mbuni Mashuhuri wa Siku",
    "feature": "Mbuni Mashuhuri wa Siku",
    "paragraph": "Tuzo ya A' Design inaangazia mbuni mkuu, mbunimajengo maarufu, mbunifu bora au mvumbuzi kila siku kama Mbuni Mashuhuri wa Siku, ikionyesha mafanikio yao, kazi za ubunifu na michango yao katika ulimwengu wa muundo.",
    "description": "Mbuni Mashuhuri wa Siku anaangazia mbuni mkuu, mbunimajengo maarufu, mbunifu bora au mvumbuzi kila siku, akionyesha mafanikio yao, kazi za ubunifu na michango yao katika ulimwengu wa muundo, kama inavyotambuliwa na Tuzo ya A' Design Award and Competition yenye heshima kubwa.",
    "call_to_action": "Gundua Mbuni Mashuhuri wa Siku",
    "date": "2026-11-08",
    "language": "sw",
    "image": "https://competition.adesignaward.com/highlight-of-the-day/today.png",
    "image_alt": "Mbuni Mashuhuri wa Siku akionyesha mbuni wa ajabu, sehemu ya jumuiya ya muundo duniani",
    "url": "https://designerhighlightoftheday.com/sw/",
    "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/sw/kipengele/"
}

Ni vizuri kujua

  • Weka kiungo kuzunguka picha, ili wageni wako waweze kugundua kipengele kamili.
  • Daima tumia anwani ya picha iliyoonyeshwa hapo juu na usihifadhi nakala, ili ukurasa wako ubaki wa sasa.
  • Picha ni sikivu: haikui kupana zaidi ya kontena yake.
  • Unahitaji msaada au muundo maalum? Tafadhali wasiliana nasi.

Nukuu ya Muundo ya Siku

Nukuu ya Muundo ya Siku

DesignAdage