ʻOihana Hoʻolālā o ka Lā

Hoʻokomo iā ʻOihana Hoʻolālā o ka Lā ma Kāu Pūnaewele

ʻOihana Hoʻolālā o ka Lā e hoʻopuka nei i mea hou i kēlā me kēia lā. ʻAʻole loli ka leka wahi o ke kiʻi, akā loli ka kiʻi ma hope, no laila hoʻokomo ʻoe i ke code hoʻokahi manawa a ʻike kāu poʻe kipa i ka mea hou o kēia lā ma ka ʻoiaʻiʻo.

Pehea e hana ai

I kēlā me kēia lā, hoʻopuka ʻia kahi kiʻi hou ma kahi leka wahi paʻa. Hoʻouka kāu ʻaoʻao i kēlā leka wahi, no laila hōʻike mau ia i ka mea hou o kēia lā, a lawe ka kaomi ʻana i kāu poʻe kipa i ʻOihana Hoʻolālā o ka Lā kahi e haʻi ʻia ai ka moʻolelo piha.

Makemake i kahi script? E hoʻohui i hoʻokahi pahu a me hoʻokahi script: kaha ka widget i ke ʻano āu e koho ai me data-dotd-variant (image, cta a i ʻole card), ma ka ʻōlelo o ka leka wahi script ke loaʻa kēlā ʻōlelo. Inā ʻaʻole hiki iā ʻoe ke holo i nā script, e hoʻohana i ka mana HTML o ka ʻano like.

ʻAno A: kiʻi wale nō

Ke kiʻi o kēia lā, i hoʻopili ʻia iā ʻOihana Hoʻolālā o ka Lā. Ka koho māmā loa.

Nānā mua ola

<a href="https://designbrandoftheday.com/haw/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" alt="ʻOihana Hoʻolālā o ka Lā e hōʻike ana i kahi ʻoihana hoʻolālā e mālamalama ana ma ka maikaʻi o ka hoʻolālā" loading="lazy" style="max-width:100%;height:auto">
</a>

<div data-dotd="designbrandoftheday.com" data-dotd-variant="image"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=haw"></script>

ʻAno B: kiʻi a me ke kāhea hana

Ke kiʻi o kēia lā me ke kāhea hana ma lalo.

Nānā mua ola

<a href="https://designbrandoftheday.com/haw/" 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-brand-of-the-day/today.png" alt="ʻOihana Hoʻolālā o ka Lā e hōʻike ana i kahi ʻoihana hoʻolālā e mālamalama ana ma ka maikaʻi o ka hoʻolālā" 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">ʻImi i ka ʻOihana Hoʻolālā o ka Lā</span>
</a>

<div data-dotd="designbrandoftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=haw"></script>

ʻAno C: kāleka Bootstrap

He kāleka Bootstrap me ke kiʻi, ka inoa o ka mea hou, kahi pauku pōkole a me ke pihi kāhea hana. Pono kāu ʻaoʻao i Bootstrap.

Nānā mua ola

<div class="card" style="max-width:24rem">
  <a href="https://designbrandoftheday.com/haw/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/design-brand-of-the-day/today.png" class="card-img-top" alt="ʻOihana Hoʻolālā o ka Lā e hōʻike ana i kahi ʻoihana hoʻolālā e mālamalama ana ma ka maikaʻi o ka hoʻolālā" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">ʻOihana Hoʻolālā o ka Lā</h5>
    <p class="card-text">Hōʻike ka A' Design Award i kahi ʻoihana hoʻolālā kiʻekiʻe o ka honua i kēlā me kēia lā ma ke ʻano he ʻOihana Hoʻolālā o ka Lā, e hōʻike ana i kona ʻano, ka ʻike noʻonoʻo hou, nā huahana, nā papahana hui a me kāna ʻano hoʻolālā kūʻokoʻa.</p>
    <a href="https://designbrandoftheday.com/haw/" class="btn btn-danger" target="_blank" rel="noopener">ʻImi i ka ʻOihana Hoʻolālā o ka Lā</a>
  </div>
</div>

<div data-dotd="designbrandoftheday.com" data-dotd-variant="card"></div>
<script async src="https://designbrandoftheday.com/feature.js?lang=haw"></script>

Koho 3: JSON

No nā mea hoʻomohala, nā polokalamu a me ka hana ʻoihana. Aia i loko o ka JSON ka inoa, ka wehewehe ʻana, ka leka wahi kiʻi, nā loulou a me ka lā. ʻAe ʻia nā noi cross-origin.

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

Pane hoʻohālike

{
    "domain": "designbrandoftheday.com",
    "name": "ʻOihana Hoʻolālā o ka Lā",
    "feature": "ʻOihana Hoʻolālā o ka Lā",
    "paragraph": "Hōʻike ka A' Design Award i kahi ʻoihana hoʻolālā kiʻekiʻe o ka honua i kēlā me kēia lā ma ke ʻano he ʻOihana Hoʻolālā o ka Lā, e hōʻike ana i kona ʻano, ka ʻike noʻonoʻo hou, nā huahana, nā papahana hui a me kāna ʻano hoʻolālā kūʻokoʻa.",
    "description": "Hōʻike ka ʻOihana Hoʻolālā o ka Lā i kahi ʻoihana hoʻolālā kiʻekiʻe o ka honua i kēlā me kēia lā, e hōʻike ana i kona ʻano, ka ʻike noʻonoʻo hou, nā huahana, nā papahana hui a me kāna ʻano hoʻolālā kūʻokoʻa, e like me ka hoʻomaʻamaʻa ʻia e ka A' Design Award and Competition hanohano loa.",
    "call_to_action": "ʻImi i ka ʻOihana Hoʻolālā o ka Lā",
    "date": "2026-11-08",
    "language": "haw",
    "image": "https://competition.adesignaward.com/design-brand-of-the-day/today.png",
    "image_alt": "ʻOihana Hoʻolālā o ka Lā e hōʻike ana i kahi ʻoihana hoʻolālā e mālamalama ana ma ka maikaʻi o ka hoʻolālā",
    "url": "https://designbrandoftheday.com/haw/",
    "feature_url": "https://competition.adesignaward.com/design-brand-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/design-brands-of-the-days.php",
    "embed_url": "https://designbrandoftheday.com/haw/hoike/"
}

Pono e ʻike

E mālama i ka loulou a puni ke kiʻi, i hiki i kāu poʻe kipa ke ʻike i ka mea hou piha.
E hoʻohana mau i ka leka wahi kiʻi i hōʻike ʻia ma luna a mai mālama i kahi kope, i mau ka hou o kāu ʻaoʻao.
He responsive ke kiʻi: ʻaʻole ia e ulu ākea ma mua o kona pahu.
Pono ke kōkua a i ʻole he ʻano kūikawā? E ʻoluʻolu e hoʻomaʻamaʻa mai iā mākou.

Kākoʻo ʻia

E ʻIke i nā Hoʻolālā i Lanakila i ka Makana