Peke ki te ihirangi matua

Te Ariā Hoahoa o te Rā

Whakauru Te Ariā Hoahoa o te Rā ki Tō Paetukutuku

Te Ariā Hoahoa o te Rā ka whakaputa taipitopito hou ia rā. Ka noho tonu te wāhitau whakaahua, engari ka rerekē te whakaahua i muri, nā reira ka tāpiri koe i te waehere kotahi, ā, ka kite ō manuhiri i te taipitopito o tēnei rā aunoa.

Me pēhea te mahi

Ia rā ka whakaputaina he whakaahua hou ki tētahi wāhitau kotahi. Ka utaina tēnā wāhitau e tō whārangi, nā reira ka whakaatu tonu i te taipitopito o nāianei, ā, mā te pāwhiri ka tae ō manuhiri ki Te Ariā Hoahoa o te Rā kei reira te kōrero katoa.

He pai ake te tuhinga? Tāpirihia tētahi pouaka me tētahi tuhinga: ka tāia e te mīhini te āhua e whiriwhiri ana koe mā data-dotd-variant (image, cta, card rānei), ki te reo o te wāhitau tuhinga mēnā kei te wātea taua reo. Ki te kore e taea e koe te whakahaere tuhinga, whakamahia te putanga HTML o te āhua ōrite.

Momo A: whakaahua anake

Te whakaahua o tēnei rā, ka honoa ki Te Ariā Hoahoa o te Rā. Te kōwhiringa māmā rawa.

Arokite ora

<a href="https://designideaoftheday.com/mi/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" alt="Te Ariā Hoahoa o te Rā e whakaatu ana i tētahi kaupapa auaha e pana ana i ngā rohe o te auahatanga" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=mi"></script>

Momo B: whakaahua me te karanga ki te mahi

Te whakaahua o tēnei rā me tētahi karanga ki te mahi i raro.

Arokite ora

<a href="https://designideaoftheday.com/mi/" 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-idea-of-the-day/today.png" alt="Te Ariā Hoahoa o te Rā e whakaatu ana i tētahi kaupapa auaha e pana ana i ngā rohe o te auahatanga" 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">Tūhura i te Ariā Hoahoa o te Rā</span>
</a>
<div data-dotd="designideaoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=mi"></script>

Momo C: kāri Bootstrap

He kāri Bootstrap me te whakaahua, te taitara o te taipitopito, he kōwae poto me tētahi pātene karanga ki te mahi. Me whai Bootstrap tō whārangi.

Arokite ora

<div class="card" style="max-width:24rem">
  <a href="https://designideaoftheday.com/mi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-idea-of-the-day/today.png" class="card-img-top" alt="Te Ariā Hoahoa o te Rā e whakaatu ana i tētahi kaupapa auaha e pana ana i ngā rohe o te auahatanga" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Te Ariā Hoahoa o te Rā</h5>
    <p class="card-text">Ka whakaatu te A' Design Award i tētahi ariā hoahoa auaha rawa, tētahi kaupapa whakaaro hou hoki i ia rā, hei te Ariā Hoahoa o te Rā, e tūhura ana i te whakaaro taketake, ngā rongoā whaihua me ngā huarahi whakaawe ki te hiranga hoahoa.</p>
    <a href="https://designideaoftheday.com/mi/" class="btn btn-danger" target="_blank" rel="noopener">Tūhura i te Ariā Hoahoa o te Rā</a>
  </div>
</div>
<div data-dotd="designideaoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designideaoftheday.com/feature.js?lang=mi"></script>

Kōwhiringa 3: JSON

Mō ngā kaiwhakawhanake, ngā taupānga me te aunoa. Kei roto i te JSON te ingoa, te whakamārama, te wāhitau whakaahua, ngā hononga me te rā. Ka whakaaetia ngā tono cross-origin.

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

Whakautu tauira

{
    "domain": "designideaoftheday.com",
    "name": "Te Ariā Hoahoa o te Rā",
    "feature": "Te Ariā Hoahoa o te Rā",
    "paragraph": "Ka whakaatu te A' Design Award i tētahi ariā hoahoa auaha rawa, tētahi kaupapa whakaaro hou hoki i ia rā, hei te Ariā Hoahoa o te Rā, e tūhura ana i te whakaaro taketake, ngā rongoā whaihua me ngā huarahi whakaawe ki te hiranga hoahoa.",
    "description": "Ka whakaatu Te Ariā Hoahoa o te Rā i tētahi ariā hoahoa auaha rawa, tētahi kaupapa whakaaro hou hoki i ia rā, e tūhura ana i te whakaaro taketake, ngā rongoā whaihua me ngā huarahi whakaawe ki te hiranga hoahoa o te ao, e kōwhiria ana e te A' Design Award and Competition rongonui rawa.",
    "call_to_action": "Tūhura i te Ariā Hoahoa o te Rā",
    "date": "2026-11-08",
    "language": "mi",
    "image": "https://competition.adesignaward.com/design-idea-of-the-day/today.png",
    "image_alt": "Te Ariā Hoahoa o te Rā e whakaatu ana i tētahi kaupapa auaha e pana ana i ngā rohe o te auahatanga",
    "url": "https://designideaoftheday.com/mi/",
    "feature_url": "https://competition.adesignaward.com/design-idea-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-ideas-of-the-days.php",
    "embed_url": "https://designideaoftheday.com/mi/whakaatu/"
}

He mea pai kia mōhio

  • Waihotia te hononga huri i te whakaahua, kia taea ai e ō manuhiri te kite i te taipitopito katoa.
  • Whakamahia tonu te wāhitau whakaahua kua whakaaturia i runga, kaua e rokiroki he kape, kia noho hou tonu ai tō whārangi.
  • He urupare te whakaahua: kāore e nui ake i tōna pouaka.
  • Me āwhina, me whakarite āhua motuhake rānei? Tēnā whakapā mai.

He pānui hokohoko

Tūhura i ngā Hoahoa Toa Tohu

Whakataukī Hoahoa o te Rā

Whakataukī Hoahoa o te Rā

DesignAdage