Alu sa'o i le anotusi autu

Tusiata Mamanu o le Aso

Tu'u Tusiata Mamanu o le Aso i Lau Upega Tafa'ilagi

Tusiata Mamanu o le Aso e lomia se fa'aaliga fou i aso ta'itasi. O le tuatusi o le ata e le suia, ae o le ata i tua o le tuatusi e sui, o lea na'o le tasi le taimi e te fa'aogaina ai le code ma o au tagata asiasi e va'aia otometi le fa'aaliga o le aso nei.

Pe fa'apefea ona galue

I aso ta'itasi e lomia ai se ata fou i le tuatusi tumau e tasi. O lau itulau e uta mai le tuatusi lea, o lea e fa'aali ai pea le fa'aaliga o lo'o i ai nei, ma a kiliki e ave au tagata asiasi i le Tusiata Mamanu o le Aso lea e maua ai le tala atoa.

E te mana'o i se tusitusiga? Fa'aopoopo se pusa ma se tusitusiga e tasi: o le widget e tusia le sitaili e te filifilia i le data-dotd-variant (image, cta po'o le card), i le gagana o le tuatusi o le tusitusiga pe a maua lea gagana. Afai e le mafai ona fa'atautaia tusitusiga, fa'aaoga le fa'asologa HTML o le variant lava lea e tasi.

Fa'asologa A: na'o le ata

O le ata o le aso nei, ua so'otaga atu i le Tusiata Mamanu o le Aso. O le filifiliga mama.

Va'ai tuusa'o

<a href="https://designeroftheday.com/sm/" target="_blank" rel="noopener">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Ata o le Tusiata Mamanu o le Aso e fa'aalia ai le tagata togiola fa'apitoa o le aso nei" loading="lazy" style="max-width:100%;height:auto">
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="image"></div>
<script async src="https://designeroftheday.com/feature.js?lang=sm"></script>

Fa'asologa B: ata ma le vala'au e gaoioi

O le ata o le aso nei ma se vala'au e gaoioi i lalo.

Va'ai tuusa'o

<a href="https://designeroftheday.com/sm/" target="_blank" rel="noopener" style="display:block;max-width:100%;color:inherit;text-decoration:none;text-align:center">
  <img src="https://competition.adesignaward.com/designer-of-the-day/today.png" alt="Ata o le Tusiata Mamanu o le Aso e fa'aalia ai le tagata togiola fa'apitoa o le aso nei" 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">Su'esu'e le Tusiata Mamanu o le Aso</span>
</a>
<div data-dotd="designeroftheday.com" data-dotd-variant="cta"></div>
<script async src="https://designeroftheday.com/feature.js?lang=sm"></script>

Fa'asologa C: Bootstrap card

O se Bootstrap card ma le ata, le ulutala o le fa'aaliga, se parakalafa pu'upu'u ma se ki vala'au e gaoioi. E mana'omia le Bootstrap i lau itulau.

Va'ai tuusa'o

<div class="card" style="max-width:24rem">
  <a href="https://designeroftheday.com/sm/" target="_blank" rel="noopener"><img src="https://competition.adesignaward.com/designer-of-the-day/today.png" class="card-img-top" alt="Ata o le Tusiata Mamanu o le Aso e fa'aalia ai le tagata togiola fa'apitoa o le aso nei" loading="lazy"></a>
  <div class="card-body">
    <h5 class="card-title">Tusiata Mamanu o le Aso</h5>
    <p class="card-text">O le A' Design Award e fa'ailoa ai se tusiata mamanu taleni tele pe o se tusiata fale tulaga muamua i le lalolagi i aso ta'itasi, e pei o le Tusiata Mamanu o le Aso, e fa'aalia ai tagata o lo'o i tua o galuega fa'apitoa, o latou filosofia o le mamanu, galuega iloga ma mea ua ausia.</p>
    <a href="https://designeroftheday.com/sm/" class="btn btn-danger" target="_blank" rel="noopener">Su'esu'e le Tusiata Mamanu o le Aso</a>
  </div>
</div>
<div data-dotd="designeroftheday.com" data-dotd-variant="card"></div>
<script async src="https://designeroftheday.com/feature.js?lang=sm"></script>

Filifiliga 3: JSON

Mo tagata atia'e, polokalame fa'akomepiuta ma le otometi. O le JSON o lo'o i ai le igoa, le fa'amatalaga, le tuatusi o le ata, so'otaga ma le aso. E fa'atagaina talosaga mai isi nofoaga.

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

Fa'ata'ita'iga tali

{
    "domain": "designeroftheday.com",
    "name": "Tusiata Mamanu o le Aso",
    "feature": "Tusiata Mamanu o le Aso",
    "paragraph": "O le A' Design Award e fa'ailoa ai se tusiata mamanu taleni tele pe o se tusiata fale tulaga muamua i le lalolagi i aso ta'itasi, e pei o le Tusiata Mamanu o le Aso, e fa'aalia ai tagata o lo'o i tua o galuega fa'apitoa, o latou filosofia o le mamanu, galuega iloga ma mea ua ausia.",
    "description": "O le Tusiata Mamanu o le Aso e fa'ailoa ai se tusiata mamanu taleni tele pe o se tusiata fale tulaga muamua i le lalolagi i aso ta'itasi, e fa'aalia ai tagata mamalu o lo'o i tua o galuega fa'apitoa, o latou tala fa'apolofesa, filosofia o le mamanu, galuega iloga ma mea ua ausia ua iloa e le A' Design Award and Competition mamalu maualuga.",
    "call_to_action": "Su'esu'e le Tusiata Mamanu o le Aso",
    "date": "2026-11-08",
    "language": "sm",
    "image": "https://competition.adesignaward.com/designer-of-the-day/today.png",
    "image_alt": "Ata o le Tusiata Mamanu o le Aso e fa'aalia ai le tagata togiola fa'apitoa o le aso nei",
    "url": "https://designeroftheday.com/sm/",
    "feature_url": "https://competition.adesignaward.com/designer-of-the-day.html",
    "registry_url": "https://competition.adesignaward.com/designers-of-the-days.php",
    "embed_url": "https://designeroftheday.com/sm/mamanu-faaalia/"
}

Mea e tatau ona iloa

  • Taofi le so'otaga i le ata, ina ia mafai e au tagata asiasi ona maua le fa'aaliga atoa.
  • Fa'aaoga i taimi uma le tuatusi o le ata o lo'o fa'aalia i luga ma aua le teu se kopi, ina ia tumau pea lau itulau.
  • O le ata e tali atu: e le fa'alauteleina atu nai lo lona pusa.
  • E mana'omia se fesoasoani po'o se fa'asologa fa'apitoa? Fa'amolemole fa'afeso'ota'i mai ia i matou.

Upu Fa'atauaina o le Mamanu o le Aso

Upu Fa'atauaina o le Mamanu o le Aso

DesignAdage