Te Ia Hoahoa o te Rā
Whakauru Te Ia Hoahoa o te Rā ki Tō Paetukutuku
Te Ia 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 Ia 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 Ia Hoahoa o te Rā. Te kōwhiringa māmā rawa.
Arokite ora
<a href="https://designtrendoftheday.com/mi/" target="_blank" rel="noopener">
<img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" alt="Te Ia Hoahoa o te Rā e whakaatu ana i ngā tauira hou e hanga ana i te anamata o te hoahoa" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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-trend-of-the-day/today.png" alt="Te Ia Hoahoa o te Rā e whakaatu ana i ngā tauira hou e hanga ana i te anamata o te hoahoa" 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 Ia Hoahoa o te Rā</span>
</a>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.com/mi/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-trend-of-the-day/today.png" class="card-img-top" alt="Te Ia Hoahoa o te Rā e whakaatu ana i ngā tauira hou e hanga ana i te anamata o te hoahoa" loading="lazy"></a>
<div class="card-body">
<h5 class="card-title">Te Ia Hoahoa o te Rā</h5>
<p class="card-text">Ka tūhura te A' Design Award i tētahi ia hoahoa taketake i ia rā, e whakaatu ana i ngā āhua hou, ngā huringa ātaahua, me ngā ahunga auaha hou e whakaawe ana i te āhua o te hoahoa o ngā hua, ngā kaupapa me ngā wheako hei te Ia Hoahoa o te Rā.</p>
<a href="https://designtrendoftheday.com/mi/" class="btn btn-danger" target="_blank" rel="noopener">Tūhura i te Ia Hoahoa o te Rā</a>
</div>
</div>
<div data-dotd="designtrendoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designtrendoftheday.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://designtrendoftheday.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": "designtrendoftheday.com",
"name": "Te Ia Hoahoa o te Rā",
"feature": "Te Ia Hoahoa o te Rā",
"paragraph": "Ka tūhura te A' Design Award i tētahi ia hoahoa taketake i ia rā, e whakaatu ana i ngā āhua hou, ngā huringa ātaahua, me ngā ahunga auaha hou e whakaawe ana i te āhua o te hoahoa o ngā hua, ngā kaupapa me ngā wheako hei te Ia Hoahoa o te Rā.",
"description": "Ka tūhura Te Ia Hoahoa o te Rā i tētahi ia hoahoa taketake i ia rā, e whakaatu ana i ngā āhua hou, ngā huringa ātaahua, ngā ahunga auaha hou me ngā huarahi auaha e whakaawe ana i te āhua o te hoahoa o ngā hua, ngā kaupapa me ngā wheako, e whakaūngia ana e te A' Design Award and Competition rongonui rawa.",
"call_to_action": "Tūhura i te Ia Hoahoa o te Rā",
"date": "2026-11-08",
"language": "mi",
"image": "https://competition.adesignaward.com/design-trend-of-the-day/today.png",
"image_alt": "Te Ia Hoahoa o te Rā e whakaatu ana i ngā tauira hou e hanga ana i te anamata o te hoahoa",
"url": "https://designtrendoftheday.com/mi/",
"feature_url": "https://competition.adesignaward.com/design-trend-of-the-day.html",
"registry_url": "https://competition.adesignaward.com/design-trends-of-the-days.php",
"embed_url": "https://designtrendoftheday.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.